/*-----------------------------------------------------------------------------------

    Template Name: Sample 
    更多精品模板：Http://www.bootstrapmb.com
    Description: Sample - Technology IT Solutions & Services
 
 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
	02. Header
    03. banner
	05. services
	06. portfolio
	07. faq
	08. team
	09. action
	10. blog
	11. footer

-----------------------------------------------------------------------------------*/
/*===========================
    1. COMMON css 
===========================*/
/* @import url("https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap"); */
@font-face {
  font-family: 'GilroyBold';
  /* src: url("../fonts/GilroyBold.eot");
  src: url("../fonts/GilroyBold.eot") format("embedded-opentype"), url("../fonts/GilroyBold.woff2") format("woff2"), url("../fonts/GilroyBold.woff") format("woff"), url("../fonts/GilroyBold.ttf") format("truetype"), url("../fonts/GilroyBold.svg#GilroyBold") format("svg"); */ 
}
body {
  /* font-family: "Karla", sans-serif; */
  /* font-family: 思源黑体 CN Normal; */
  font-family: 微软雅黑;
  font-weight: normal;
  font-style: normal;
  overflow-x: hidden;
  /* color: #81a3bb;  */}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%; }

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none; }

a:focus,
a:hover {
  text-decoration: none; }

i,
span,
a {
  display: inline-block; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "GilroyBold";
  font-weight: 700;
  color: #002249;
  margin: 0px; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 36px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  /* color: #81a3bb; */
  margin: 0px; 
  text-align: justify;}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

/*===== 滚动条样式 =====*/
/* 自定义整个滚动条 */
::-webkit-scrollbar {
	width: 5px;  /* 对于垂直滚动条，设置宽度 */
  	height: 5px; /* 对于水平滚动条，设置高度 */
}
 
/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  	background: #f1f1f1; /* 轨道颜色 */
}
 
/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  	background: #13489D70; /* 滑块颜色 */
}
 
/* 当滑块悬停或活动时，可以设置不同的颜色 */
::-webkit-scrollbar-thumb:hover {
  	background: #13489D;
}

/*===== All Button Style =====*/
.main-btn {
  display: inline-block;
  font-weight: 550;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1.5px solid #13489D;
  padding: 0 35px;
  font-size: 16px;
  line-height: 45px;
  border-radius: 6px;
  color: #13489D;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  background-color: transparent;
  margin: 30px 20px 10px 20px; }
.main-btn:hover {
    background-color: #13489D;
    color: #fff;}
.main-btn.main-btn-2 {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2); }
.main-btn.main-btn-2:hover {
    background-color: #13489D;
    border-color: #13489D;
    color: #fff; }

.section-title span {
  color: #13489D;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 5px;
  z-index: 6;
  position: relative; }
.section-title .title {
  font-size: 70px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  z-index: 5;
  margin-bottom: 33px; }
  @media (max-width: 767px) {
    .section-title .title {
      font-size: 36px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-title .title {
      font-size: 54px; } }
  .section-title .title::before {
    position: absolute;
    content: 'services';
    font-size: 180px;
    font-family: "GilroyBold";
    font-weight: 700;
    bottom: 0;
    color: #f5f6f8;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title .title::before {
        font-size: 145px; } }
    @media (max-width: 767px) {
      .section-title .title::before {
        font-size: 60px;
        bottom: 15px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .section-title .title::before {
        font-size: 120px; } }

.section-title-2 {
  padding-bottom: 45px; }
  .section-title-2 .title {
    font-size: 60px;
    margin-top: -2px;
    padding-bottom: 5px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .section-title-2 .title {
        font-size: 48px; } }
    @media (max-width: 767px) {
      .section-title-2 .title {
        font-size: 38px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .section-title-2 .title {
        font-size: 57px; } }
  .section-title-2 p {
    font-size: 16px; }

.mt-m2 {
  margin-top: -20px; }

/*--------------------------------------------------------------------------------------
PRELOADER
--------------------------------------------------------------------------------------*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #13489D;
  z-index: 9999999;
  text-align: center; }

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 40px;
  display: flex;
  align-items: center; }

.line {
  width: 5px;
  height: 40px;
  background: #fff;
  margin: 0 3px;
  border-radius: 10px;
  animation: loading 0.8s infinite; }

.line:nth-child(2) {
  animation-delay: 0.1s; }

.line:nth-child(3) {
  animation-delay: 0.2s; }

.line:nth-child(4) {
  animation-delay: 0.3s; }

.line:nth-child(5) {
  animation-delay: 0.4s; }

.line:nth-child(6) {
  animation-delay: 0.5s; }

.line:nth-child(7) {
  animation-delay: 0.6s; }

.line:nth-child(8) {
  animation-delay: 0.7s; }

@keyframes loading {
  0% {
    height: 0; }
  50% {
    height: 40px; }
  100% {
    height: 0; } }
/*===========================
    2.HEADER css 
===========================*/
.header-top {
  position: relative;
  background: #13489D; }
  @media (max-width: 767px) {
    .header-top {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-top {
      padding-left: 30px;
      padding-right: 30px; } }
  .header-top .header-left-side {
    position: relative; }
    .header-top .header-left-side ul li {
      display: inline-block; }
      .header-top .header-left-side ul li a {
        color: #fff;
        line-height: 40px;
        margin-right: 40px;
        font-size: 14px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-top .header-left-side ul li a {
            margin-right: 15px; } }
        @media (max-width: 767px) {
          .header-top .header-left-side ul li a {
            margin-right: 25px; } }
    .header-top .header-left-side::before {
      position: absolute;
      content: '';
      height: 100%;
      width: 400px;
      background: #fff;
      top: 0;
      right: -70px;
      transform: skew(-45deg); }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-top .header-left-side::before {
          right: -220px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-top .header-left-side::before {
          transform: skew(45deg); } }
      @media (max-width: 767px) {
        .header-top .header-left-side::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .header-top .header-left-side::before {
          transform: skew(45deg);
          right: -200px;
          display: block; } }
  .header-top .header-right-social {
    position: relative; }
    .header-top .header-right-social ul li {
      display: inline-block; }
      .header-top .header-right-social ul li a {
        color: #fff;
        margin-left: 24px;
        line-height: 40px; }
    .header-top .header-right-social::before {
      position: absolute;
      content: '';
      height: 100%;
      width: 400px;
      background: #fff;
      top: 0;
      left: -70px;
      transform: skew(45deg); }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-top .header-right-social::before {
          left: -170px; } }
      @media (max-width: 767px) {
        .header-top .header-right-social::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .header-top .header-right-social::before {
          left: -200px;
          display: block; } }

.header-nav {
  -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1); }
  .header-nav .navigation {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    background: #fff;
    padding-left: 80px;
    padding-right: 30px;
    z-index: 99; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-nav .navigation {
        top: 80px; } }
    @media (max-width: 767px) {
      .header-nav .navigation {
        top: 80px;
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-nav .navigation {
        padding-left: 30px;
        padding-right: 30px; } }
    .header-nav .navigation.sticky {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #fff;
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
      z-index: 999;
      animation: sticky  .4s; }
      .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a {
        line-height: 80px; }
    .header-nav .navigation .navbar {
      position: relative;
      padding: 0; }
      .header-nav .navigation .navbar .country-flag img {
        border: 5px solid #fff;
        border-radius: 6px;
        box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.2); }
      .header-nav .navigation .navbar .navbar-toggler .toggler-icon {
        width: 30px;
        height: 2px;
        background-color: #002249;
        margin: 5px 0;
        display: block;
        position: relative;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px; }
      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {
        opacity: 0; }
      .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -7px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-nav .navigation .navbar .navbar-collapse {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          background-color: #fff;
          z-index: 8;
          padding: 10px 16px;
          box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); } }
      @media (max-width: 767px) {
        .header-nav .navigation .navbar .navbar-collapse {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          background-color: #fff;
          z-index: 8;
          padding: 10px 16px;
          box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-nav .navigation .navbar .navbar-nav {
          margin-right: 0; } }
      @media (max-width: 767px) {
        .header-nav .navigation .navbar .navbar-nav {
          margin-right: 0; } }
      .header-nav .navigation .navbar .navbar-nav .nav-item {
        position: relative; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-nav .navigation .navbar .navbar-nav .nav-item {
            margin-right: 18px; } }
        .header-nav .navigation .navbar .navbar-nav .nav-item a {
          font-size: 16px;
          font-weight: 700;
          padding: 0 30px;
          color: #4f79a9;
          text-transform: uppercase;
          position: relative;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          margin: 0;
          line-height: 90px; }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item a {
              font-size: 15px;
              padding: 0 5px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item a {
              padding: 0;
              display: block;
              border: 0;
              margin: 0;
              line-height: 40px; } }
          @media (max-width: 767px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item a {
              padding: 0;
              display: block;
              border: 0;
              margin: 0;
              line-height: 40px; } }
          .header-nav .navigation .navbar .navbar-nav .nav-item a span {
            padding-left: 5px;
            font-size: 15px; }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .header-nav .navigation .navbar .navbar-nav .nav-item a span {
                display: none; } }
            @media (max-width: 767px) {
              .header-nav .navigation .navbar .navbar-nav .nav-item a span {
                display: none; } }
        .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {
          position: absolute;
          left: 0;
          top: 110%;
          width: 240px;
          background-color: #fff;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          z-index: 99;
          -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
          -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {
              position: relative !important;
              width: 100% !important;
              left: 0 !important;
              top: auto !important;
              opacity: 1 !important;
              visibility: visible !important;
              display: none;
              right: auto;
              -webkit-transform: translateX(0%);
              -moz-transform: translateX(0%);
              -ms-transform: translateX(0%);
              -o-transform: translateX(0%);
              transform: translateX(0%);
              -webkit-transition: all none ease-out 0s;
              -moz-transition: all none ease-out 0s;
              -ms-transition: all none ease-out 0s;
              -o-transition: all none ease-out 0s;
              transition: all none ease-out 0s;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              text-align: left;
              border-top: 0; } }
          @media (max-width: 767px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu {
              position: relative !important;
              width: 100% !important;
              left: 0 !important;
              top: auto !important;
              opacity: 1 !important;
              visibility: visible !important;
              display: none;
              right: auto;
              -webkit-transform: translateX(0%);
              -moz-transform: translateX(0%);
              -ms-transform: translateX(0%);
              -o-transform: translateX(0%);
              transform: translateX(0%);
              -webkit-transition: all none ease-out 0s;
              -moz-transition: all none ease-out 0s;
              -ms-transition: all none ease-out 0s;
              -o-transition: all none ease-out 0s;
              transition: all none ease-out 0s;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              text-align: left;
              border-top: 0; } }
          .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li {
            position: relative; }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li .sub-nav-toggler {
              color: #002249;
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s; }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a {
              display: block;
              padding: 8px 24px;
              position: relative;
              /* color: #4f79a9; */
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s;
              border-radius: 0;
              margin: 0 0;
              line-height: 30px; }
              .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a i {
                float: right;
                font-size: 14px;
                margin-top: 5px; }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a i {
                    display: none; } }
                @media (max-width: 767px) {
                  .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a i {
                    display: none; } }
              .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a .sub-nav-toggler i {
                display: inline-block; }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li .sub-menu {
              right: auto;
              left: 100%;
              top: 0;
              opacity: 0;
              visibility: hidden;
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s; }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li .sub-menu {
                  padding-left: 30px; } }
              @media (max-width: 767px) {
                .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li .sub-menu {
                  padding-left: 30px; } }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li:hover .sub-menu {
              top: 100%;
              opacity: 1;
              visibility: visible; }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li:hover .sub-nav-toggler {
              color: #fff; }
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li:hover > a {
              background-color: #13489D;
              color: #fff !important; }
        .header-nav .navigation .navbar .navbar-nav .nav-item:hover .sub-menu {
          opacity: 1;
          visibility: visible;
          top: 100%; }
        .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
          display: none; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
              display: inline-block;
              position: absolute;
              top: 0;
              right: 0;
              padding: 10px 14px;
              font-size: 16px;
              background: none;
              border: 0;
              color: #002249; } }
          @media (max-width: 767px) {
            .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
              display: inline-block;
              position: absolute;
              top: 0;
              right: 0;
              padding: 10px 14px;
              font-size: 16px;
              background: none;
              border: 0;
              color: #002249; } }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .header-nav .navigation .navbar .navbar-btn {
          margin-right: 50px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-nav .navigation .navbar .navbar-btn {
          margin-right: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-nav .navigation .navbar .navbar-btn {
          position: absolute;
          right: 70px;
          top: 3px;
          margin-right: 0; } }
      @media (max-width: 767px) {
        .header-nav .navigation .navbar .navbar-btn {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .header-nav .navigation .navbar .navbar-btn {
          position: absolute;
          right: 70px;
          top: 3px;
          margin-right: 0;
          display: block; } }
      .header-nav .navigation .navbar .navbar-btn .main-btn {
        color: #fff; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-nav .navigation .navbar .navbar-btn .main-btn {
            padding: 0 30px; } }
        .header-nav .navigation .navbar .navbar-btn .main-btn:hover {
          border-color: #13489D;
          color: #13489D; }
      .header-nav .navigation .navbar .navbar-btn a {
        color: #002249; }
        
      .navbar-nav-content {
	      margin-right:150px;
	      }
	    @media only screen and (min-width: 992px) and (max-width: 1200px) {
          	.navbar-nav-content {
				margin-right:90px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
	         .navbar-nav-content {
			 	margin-right:70px; } }

.header-nav .navigation .navbar .navbar-brand {
	width:20%;
}
.header-nav .navigation .navbar .navbar-brand img {
	width:100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.header-nav .navigation .navbar .navbar-brand {
		width:25%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-nav .navigation {
		padding-right:60px;
	}
	.header-nav .navigation .navbar .navbar-brand {
		width:30%;
	}
}
@media (max-width: 767px) {
	.header-nav .navigation .navbar .navbar-brand {
		width:40%;
	}
	
}


@-webkit-keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }
@keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }
.header-area-2 {
  overflow: hidden; }
  .header-area-2.header-area .header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    border-bottom: 1px solid #99c2f6;
    z-index: 99; }
    @media (max-width: 767px) {
      .header-area-2.header-area .header-top {
        display: none; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-area-2.header-area .header-top {
        display: block; } }
    .header-area-2.header-area .header-top .header-left-side::before {
      display: none; }
    .header-area-2.header-area .header-top .header-left-side ul li a {
      color: #6c90b9;
      line-height: 55px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area-2.header-area .header-top .header-left-side ul li a {
          margin-right: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .header-area-2.header-area .header-top .header-left-side ul li a {
          margin-right: 4px; } }
      .header-area-2.header-area .header-top .header-left-side ul li a i {
        padding-right: 6px; }
    .header-area-2.header-area .header-top .header-right-social::before {
      display: none; }
    .header-area-2.header-area .header-top .header-right-social ul li a {
      color: #6c90b9;
      line-height: 55px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .header-area-2.header-area .header-top .header-right-social ul li a:hover {
        color: #13489D; }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .header-area-2.header-area .header-top .header-right-social ul li a {
          margin-left: 20px; } }
  .header-area-2.header-area .header-nav .navigation {
    top: 0px;
    background-color: transparent; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area-2.header-area .header-nav .navigation {
        top: 70px; } }
    @media (max-width: 767px) {
      .header-area-2.header-area .header-nav .navigation {
        top: 0px;
        padding-left: 10px;
        padding-right: 10px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-area-2.header-area .header-nav .navigation {
        top: 70px;
        padding-left: 30px;
        padding-right: 30px; } }
    .header-area-2.header-area .header-nav .navigation .navbar .navbar-btn {
      margin-right: 0; }
      .header-area-2.header-area .header-nav .navigation .navbar .navbar-btn a {
        border-radius: 0; }
    .header-area-2.header-area .header-nav .navigation.sticky {
      background: #fff;
      top: 0; }
      .header-area-2.header-area .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a {
        line-height: 70px; }
  .header-area-2.header-area-3 .header-nav .navigation {
    top: 20px;
    background-color: transparent; }
    .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-toggler {
      border-color: #fff; }
      .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-toggler span {
        background: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-collapse {
        background: #002249; } }
    @media (max-width: 767px) {
      .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-collapse {
        background: #002249; } }
    .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item {
      margin-right: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item {
          margin-right: 0; } }
      .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item > a {
        line-height: 100px;
        padding-right: 55px !important;
        padding: 0;
        color: #fff; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item > a {
            padding: 0px 10px !important; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item > a {
            line-height: 40px; } }
        @media (max-width: 767px) {
          .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item > a {
            line-height: 40px; } }
        .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item > a .sub-nav-toggler {
          color: #fff; }
    .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-btn a {
      background-color: transparent;
      color: #fff;
      border-color: #000;
      border-color: rgba(245, 250, 255, 0.1);
      border-radius: 6px; }
      .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-btn a:hover {
        background: #13489D;
        border-color: #13489D; }
    .header-area-2.header-area-3 .header-nav .navigation.sticky {
      top: 0;
      background: #002249; }
  .header-area-2.header-area-4 .header-top {
    background: #fff;
    border-bottom: 2px solid #ebebeb; }
    .header-area-2.header-area-4 .header-top .header-left-side ul li a {
      color: #616161; }
      .header-area-2.header-area-4 .header-top .header-left-side ul li a i {
        color: #13489D; }
    .header-area-2.header-area-4 .header-top .header-right-social ul li a {
      color: #aeaeae; }
      .header-area-2.header-area-4 .header-top .header-right-social ul li a:hover {
        color: #13489D; }
  .header-area-2.header-area-4 .header-nav .navigation {
    background-color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area-2.header-area-4 .header-nav .navigation {
        top: 49px; } }
    @media (max-width: 767px) {
      .header-area-2.header-area-4 .header-nav .navigation {
        top: 0px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-area-2.header-area-4 .header-nav .navigation {
        top: 49px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item {
        margin-right: 0; } }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .nav-item .sub-menu a {
      margin: 0 18px;
      padding: 0 0;
      color: #555;
      font-size: 16px; }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav li a {
      margin: 0 18px;
      padding: 0 0;
      color: #555;
      font-size: 17px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-area-2.header-area-4 .header-nav .navigation .navbar .nav-item .sub-menu a {
          font-size: 15px;
          margin: 0 16px; }
        .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav > a {
          font-size: 16px;
          margin: 0 16px; }
      }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a {
          padding: 5px 0; } }
      @media (max-width: 767px) {
        .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a {
          padding: 5px 0; } }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before {
        width: 0%;
        height: 2px;
        background: #13489D;
        position: absolute;
        content: '';
        top: 90px;
        right: 0;
        left: auto;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before {
            display: none; } }
        @media (max-width: 767px) {
          .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before {
            display: none; } }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a:hover::before {
        width: 100%;
        right: auto;
        left: 0; }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a {
      line-height: 50px;
      margin: 0;
      padding: 0 40px; }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a::before {
        display: none; }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item.active a::before {
      width: 100%; }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li {
      display: inline-block; }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li a {
        margin-right: 30px;
        font-size: 16px;
        color: #555; }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li:first-child a {
        padding-left: 20px; }
      .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li:last-child a {
        color: #13489D;
        font-size: 24px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn {
        top: 5px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn {
        top: 5px; } }
    .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn a {
      line-height: 55px;
      padding: 0 35px;
      border-radius: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn a {
          font-size: 14px;
          padding: 0 10px; } }
    .header-area-2.header-area-4 .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a::before {
      width: 0; }

/*===========================
    3.BANNER css 
===========================*/
.banner-area-2 {
  margin-top: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area-2 {
      margin-top: 50px; } }
  @media (max-width: 767px) {
    .banner-area-2 {
      margin-top: 70px; } }
  .banner-area-2 .banner-overlay {
    height: 800px;
    background-color: rgba(0, 13, 47, 0.5);
    display: flex;
    align-items: center; }
    .banner-area-2 .banner-overlay .banner-content span {
      font-size: 30px;
      color: #fff;
      opacity: .5;
      position: relative; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-area-2 .banner-overlay .banner-content span {
          font-size: 26px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-area-2 .banner-overlay .banner-content span {
          font-size: 24px; } }
      @media (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content span {
          font-size: 16px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content span {
          font-size: 20px; } }
      .banner-area-2 .banner-overlay .banner-content span::before {
        position: absolute;
        content: '';
        height: 2px;
        width: 120px;
        left: -145px;
        top: 25px;
        background: #fff; }
        @media (max-width: 767px) {
          .banner-area-2 .banner-overlay .banner-content span::before {
            display: none; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .banner-area-2 .banner-overlay .banner-content span::before {
            top: 15px;
            width: 100px;
            left: -125px; } }
      .banner-area-2 .banner-overlay .banner-content span::after {
        position: absolute;
        content: '';
        height: 2px;
        width: 120px;
        right: -145px;
        top: 25px;
        background: #fff; }
        @media (max-width: 767px) {
          .banner-area-2 .banner-overlay .banner-content span::after {
            display: none; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .banner-area-2 .banner-overlay .banner-content span::after {
            top: 15px;
            width: 100px;
            right: -125px;
            display: block; } }
    .banner-area-2 .banner-overlay .banner-content .title {
      font-size: 160px;
      color: #fff;
      white-space: nowrap; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-area-2 .banner-overlay .banner-content .title {
          font-size: 110px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-area-2 .banner-overlay .banner-content .title {
          font-size: 110px; } }
      @media (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content .title {
          font-size: 48px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content .title {
          font-size: 80px; } }
    .banner-area-2 .banner-overlay .banner-content p {
      font-size: 24px;
      color: #fff;
      opacity: .8;
      margin-top: -10px;
      padding-bottom: 26px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-area-2 .banner-overlay .banner-content p {
          font-size: 18px; } }
      @media (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content p {
          font-size: 18px;
          padding-top: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .banner-area-2 .banner-overlay .banner-content p {
          font-size: 18px;
          padding-top: 20px; } }
    .banner-area-2 .banner-overlay .banner-content ul li {
      display: inline-block;
      margin: 15px; }

.banner-area {
  height: 900px;
  background: #a9c7ec;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden; }
  .banner-area::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/banner-gradient-bg.png);
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center; }
  .banner-area .banner-content > span {
    font-size: 24px;
    color: #69a1bb; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area .banner-content > span {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .banner-area .banner-content > span {
        font-size: 13px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .banner-area .banner-content > span {
        font-size: 18px; } }
  .banner-area .banner-content .title {
    font-size: 80px;
    line-height: 90px;
    padding-top: 18px;
    padding-bottom: 34px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area .banner-content .title {
        font-size: 60px;
        line-height: 70px; } }
    @media (max-width: 767px) {
      .banner-area .banner-content .title {
        font-size: 42px;
        line-height: 52px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .banner-area .banner-content .title {
        font-size: 60px;
        line-height: 70px; } }
  .banner-area .banner-content ul li {
    display: inline-block;
    margin-right: 75px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area .banner-content ul li {
        margin-right: 40px; } }
    @media (max-width: 767px) {
      .banner-area .banner-content ul li {
        margin-bottom: 40px;
        margin-right: 0;
        display: block; } }
    .banner-area .banner-content ul li:last-child {
      margin-right: 0; }
    .banner-area .banner-content ul li a span {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      background: #fff;
      text-align: center;
      line-height: 73px;
      margin-right: 30px;
      box-shadow: 0px 8px 16px 0px rgba(0, 109, 232, 0.1);
      position: relative;
      border: 4px solid transparent;
      border-top-color: #ff4f74;
      border-bottom-color: #ff4f74; }
      .banner-area .banner-content ul li a span::before {
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        border-radius: 50%;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        background: #ff4f74; }
      .banner-area .banner-content ul li a span::after {
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        border-radius: 50%;
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        background: #ff4f74; }
      .banner-area .banner-content ul li a span i {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        background: #f5faff;
        line-height: 60px;
        color: #ff4f74; }
    .banner-area .banner-content ul li a p {
      display: inline-block;
      font-size: 24px;
      color: #232323;
      font-weight: 700; }
    .banner-area .banner-content ul li a.btn-2 span {
      border-top-color: #13489D;
      border-bottom-color: #13489D; }
      .banner-area .banner-content ul li a.btn-2 span::before {
        background: #13489D; }
      .banner-area .banner-content ul li a.btn-2 span::after {
        background: #13489D; }
      .banner-area .banner-content ul li a.btn-2 span i {
        color: #13489D; }
  .banner-area .banner-shape {
    position: absolute;
    right: -70px;
    bottom: -222px;
    height: 630px;
    width: 630px;
    background: #f3faff;
    border-radius: 50%;
    border: 60px solid #ebf4ff;
    z-index: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area .banner-shape {
        height: 500px;
        width: 500px;
        border: 60px solid #ebf4ff; } }
    .banner-area .banner-shape::before {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      height: 400px;
      width: 400px;
      border-radius: 50%;
      background: #fff;
      z-index: -1;
      transform: translate(-50%, -50%); }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-area .banner-shape::before {
          height: 300px;
          width: 300px; } }
    .banner-area .banner-shape img {
      position: absolute;
      top: -135px;
      left: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-area .banner-shape img {
          top: -81px; } }

.banner-area-3 .banner-overlay {
  background-color: rgba(0, 16, 52, 0.9);
  height: 900px;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center; }
  .banner-area-3 .banner-overlay .item-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    z-index: -1; }
  .banner-area-3 .banner-overlay .item-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    z-index: -1; }
  .banner-area-3 .banner-overlay .banner-content span {
    font-size: 30px;
    color: #fff;
    opacity: .8;
    position: relative; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area-3 .banner-overlay .banner-content span {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
	  .banner-area-3 .banner-overlay {
	      height: 500px; }
      .banner-area-3 .banner-overlay .banner-content span {
        font-size: 24px; } }
    @media (max-width: 767px) {
      .banner-area-3 .banner-overlay {
      	height: 300px; }
      .banner-area-3 .banner-overlay .banner-content span {
        font-size: 18px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .banner-area-3 .banner-overlay .banner-content span {
        font-size: 20px; } }
    .banner-area-3 .banner-overlay .banner-content span::before {
      position: absolute;
      content: '';
      height: 2px;
      width: 120px;
      left: -145px;
      top: 25px;
      background: #fff; }
      @media (max-width: 767px) {
        .banner-area-3 .banner-overlay .banner-content span::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .banner-area-3 .banner-overlay .banner-content span::before {
          top: 15px;
          width: 100px;
          left: -125px; } }
    .banner-area-3 .banner-overlay .banner-content span::after {
      position: absolute;
      content: '';
      height: 2px;
      width: 120px;
      right: -145px;
      top: 25px;
      background: #fff; }
      @media (max-width: 767px) {
        .banner-area-3 .banner-overlay .banner-content span::after {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .banner-area-3 .banner-overlay .banner-content span::after {
          top: 15px;
          width: 100px;
          right: -125px;
          display: block; } }
  .banner-area-3 .banner-overlay .banner-content .title {
    font-size: 160px;
    color: #fff;
    white-space: nowrap; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area-3 .banner-overlay .banner-content .title {
        font-size: 110px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-area-3 .banner-overlay .banner-content .title {
        font-size: 110px; } }
    @media (max-width: 767px) {
      .banner-area-3 .banner-overlay .banner-content .title {
        font-size: 48px; } }
        
  .banner-area-3 .banner-overlay .banner-content p {
    font-size: 24px;
    color: #fff;
    opacity: .8;
    margin-top: -10px;
    padding-bottom: 26px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-area-3 .banner-overlay .banner-content p {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .banner-area-3 .banner-overlay .banner-content p {
        font-size: 18px;
        padding-top: 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .banner-area-3 .banner-overlay .banner-content p {
        font-size: 18px;
        padding-top: 20px; } }

.brand-area {
  margin-top: -150px;
  z-index: 99;
  position: absolute;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px; }
  .brand-area .brand-item img {
    opacity: .3;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .brand-area .brand-item img:hover {
      opacity: 1; }


.page-title-area {
  height: 420px;
  background: #a9c7ec;
  position: relative; }
  @media (min-width: 1800px) {
    .page-title-area {
      height: 550px; }
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px){
    .page-title-area {
      height: 500px; }
  }
  @media only screen and (min-width: 992px) and (max-width: 1200px){
    .page-title-area {
      height: 350px; }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .page-title-area {
      height: 300px; } }
  @media (max-width: 575px) {
    .page-title-area {
      height: 220px; } }
  /* .page-title-area::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/banner-gradient-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; } */
  .page-title-area .page-title-item {
    padding-top: 230px; }
    .page-title-area .page-title-item .title {
      font-size: 50px; 
      color: #fff }
      @media (max-width: 767px) {
        .page-title-area .page-title-item .title {
          font-size: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .page-title-area .page-title-item .title {
          font-size: 50px; } }
    .page-title-area .page-title-item nav {
      display: inline-block; }
      .page-title-area .page-title-item nav .breadcrumb {
        /* padding: 0; */
        background-color: transparent; }
        .page-title-area .page-title-item nav .breadcrumb li {
          color: #69a1bb;
          font-size: 24px;
          font-weight: 700; }
          @media (max-width: 767px) {
            .page-title-area .page-title-item nav .breadcrumb li {
              font-size: 18px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .page-title-area .page-title-item nav .breadcrumb li {
              font-size: 24px; } }
          .page-title-area .page-title-item nav .breadcrumb li a {
            color: #fff; 
            letter-spacing: 2px; }
          .page-title-area .page-title-item nav .breadcrumb li.breadcrumb-item.active::before {
            content: '|';
            color: #69a1bb; }
            
	.page-title-area .page-list-row{
		background-color: #13489D;
	    height: 50px;
	    width: 100%;
	    margin-top: 64px;
	    line-height: 50px;
	}
	.page-title-area .page-list-row .page-list{
		display: inline-flex;
		}
	.page-title-area .page-list-row .page-list .page-list-item{
	padding: 0 30px;
    color: #fff;
	}
	.page-title-area .page-list-row .page-list .page-list-item:hover{
	padding: 0 30px;
    color: #13489D;
    background-color: #fff;
	}
	.page-title-area .page-list-row .page-list .page-list-item span{
	}

.single-banner {
  margin-top: 90px; }
.single-banner .banner-overlay {
    display: flex;
    align-items: center;
    height: 700px;
    /*background: linear-gradient(90deg, #0c5adb 0%, rgba(12, 90, 219, 0.6) 50%, rgba(255, 255, 255, 0) 100%); */
	/* background: linear-gradient(90deg, #0c5adb99 0%, rgb(12 90 219 / 46%) 50%, rgba(255, 255, 255, 0) 100%); */
}

.single-banner .banner-overlay .banner-content {
  overflow: hidden;
}
.single-banner .banner-overlay .font-top {
	position: relative;
    top: -160px;
}
.single-banner .banner-overlay .banner-content span {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 2px;
  padding-bottom: 10px; }
.single-banner .banner-overlay .banner-content .title {
	font-size: 65px;
   	color: #fff;
   	font-weight: 400;
   	line-height: 70px;
   	text-shadow: 2px 2px 2px #000000;
  	letter-spacing: 8px;
   	text-align: center;
}
	@media only screen and (min-width: 1601px) and (max-width: 1800px){
    	.single-banner .banner-overlay {
	    	height: 660px; }<!-- 660  700 -->
    }
    @media only screen and (min-width: 1201px) and (max-width: 1600px){
    	.single-banner .banner-overlay {
	    	height: 620px; }<!-- 570  650 -->
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px){
	    .single-banner .banner-overlay {
	    	height: 450px; }
	    .single-banner .banner-overlay .banner-content {
		  	top: -100px; }
	    .single-banner .banner-overlay .banner-content .title {
            font-size: 40px;
            line-height: 70px; }
    }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
       .single-banner .banner-overlay {
    	height: 370px; }
      .single-banner .banner-overlay .banner-content span {
        font-size: 16px; }
      .single-banner {
      	margin-top: 70px; }
      .single-banner .banner-overlay .banner-content .title {
        font-size: 30px;
        line-height: 60px; }
		.single-banner .banner-overlay .font-top {
        	top: -90px;
        }
    }
    @media (max-width: 767px)  {
       .single-banner .banner-overlay {
    	height: 200px; }
      .single-banner .banner-overlay .banner-content span {
        font-size: 18px; }
      .single-banner {
      	margin-top: 50px; }
      .single-banner {
        margin-top: 50px; }
      .single-banner .banner-overlay .banner-content .title {
        font-size: 20px;
        line-height: 50px; }
      .single-banner .banner-overlay .font-top {
      		top: -50px;
      }
    }
    
      .single-banner .banner-overlay .banner-content p {
        font-weight: 700;
        font-size: 19px;
        color: #fff;
        padding-right: 30px;
        padding-top: 40px;
        padding-bottom: 45px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-banner .banner-overlay .banner-content p {
            font-size: 16px; } }
        @media (max-width: 767px) {
          .single-banner .banner-overlay .banner-content p {
            font-size: 14px;
            padding-right: 0; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .single-banner .banner-overlay .banner-content p {
            font-size: 16px;
            padding-right: 0; } }
      .single-banner .banner-overlay .banner-content a {
        background: #fff;
        color: #13489D;
        border-color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 0 40px; }
        .single-banner .banner-overlay .banner-content a i {
          padding-left: 6px; }

.banner-active .slick-arrow {
  position: absolute;
  top: 55%;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background: #e9e6e6a1;
  color: #13489D;
  z-index: 2;
  font-size: 22px;
  cursor: pointer;
  transform: translateY(-50%); }

  .banner-active .slick-arrow.prev {
    left: 20px; }
  .banner-active .slick-arrow.next {
    right: 20px; }
.banvideo {
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	object-fit: fill;
	
}





/*===========================
    4.SERVICES css 
===========================*/
.services-area .single-services {
  border: 2px solid #e3eeff;
  padding: 75px 33px;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .services-area .single-services {
      padding: 60px 28px; } }
  @media (max-width: 767px) {
    .services-area .single-services {
      padding: 30px 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-area .single-services {
      padding: 40px 33px; } }
  .services-area .single-services .title {
    font-size: 36px;
    padding-top: 35px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .services-area .single-services .title {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .services-area .single-services .title {
        font-size: 26px; } }
    @media (max-width: 767px) {
      .services-area .single-services .title {
        font-size: 26px; } }
  .services-area .single-services a {
    font-weight: 700;
    text-transform: capitalize;
    color: #81a3bb;
    margin-top: 15px; }
  .services-area .single-services::before {
    position: absolute;
    content: '01';
    font-size: 200px;
    color: #f5f6f7;
    right: 18px;
    bottom: -45px;
    font-family: "GilroyBold";
    font-weight: 700;
    z-index: -1; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .services-area .single-services::before {
        font-size: 150px;
        bottom: -33px; } }
    @media (max-width: 767px) {
      .services-area .single-services::before {
        font-size: 100px;
        bottom: -10px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .services-area .single-services::before {
        font-size: 150px;
        bottom: -33px; } }
  .services-area .single-services.single-services-2::before {
    content: '02'; }
  .services-area .single-services.single-services-3::before {
    content: '03'; }
    
    
    
    

/*===========================
    5.VIDEO css 
===========================*/
.video-area {
  padding-top: 120px;
  padding-bottom: 310px;
  position: relative; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-area {
      padding-bottom: 250px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area {
      padding-bottom: 390px; } }
  .video-area .video-item {
    text-align: center; }
    .video-area .video-item a {
      height: 100px;
      width: 100px;
      border-radius: 50%;
      text-align: center;
      line-height: 100px;
      color: #fff;
      background: #0041af;
      border: 2px solid #0041af;
      font-size: 24px;
      position: relative; }
      .video-area .video-item a::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 2px solid #e3eeff;
        -webkit-animation: play-btn-1 2.5s linear infinite;
        -moz-animation: play-btn-1 2.5s linear infinite;
        -o-animation: play-btn-1 2.5s linear infinite;
        animation: play-btn-1 2.5s linear infinite; }
      .video-area .video-item a::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 2px solid #e3eeff;
        -webkit-animation: play-btn-2 1.5s linear infinite;
        -moz-animation: play-btn-2 1.5s linear infinite;
        -o-animation: play-btn-2 1.5s linear infinite;
        animation: play-btn-2 1.5s linear infinite; }
    .video-area .video-item span {
      padding-top: 114px;
      padding-bottom: 2px;
      font-weight: bold;
      color: rgba(255, 255, 255, 0.8);
      text-transform: uppercase; }
    .video-area .video-item .title {
      color: #fff;
      text-transform: capitalize;
      font-weight: 700;
      font-size: 80px;
      line-height: 90px;
      padding-bottom: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .video-area .video-item .title {
          font-size: 70px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .video-area .video-item .title {
          font-size: 65px;
          line-height: 65px; } }
      @media (max-width: 767px) {
        .video-area .video-item .title {
          font-size: 30px;
          line-height: 44px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .video-area .video-item .title {
          font-size: 50px;
          line-height: 60px; } }
  .video-area .video-thumb-1 {
    position: absolute;
    top: -40px;
    left: 30px;
    text-align: left; }
    .video-area .video-thumb-1 img {
      width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .video-area .video-thumb-1 img {
          width: 65%; } }
      @media (max-width: 767px) {
        .video-area .video-thumb-1 img {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .video-area .video-thumb-1 img {
          width: 40%;
          display: inline-block; } }
  .video-area .video-thumb-2 {
    position: absolute;
    top: -70px;
    right: 30px;
    text-align: right; }
    .video-area .video-thumb-2 img {
      width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .video-area .video-thumb-2 img {
          width: 65%; } }
      @media (max-width: 767px) {
        .video-area .video-thumb-2 img {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .video-area .video-thumb-2 img {
          width: 50%;
          display: inline-block; } }

@keyframes play-btn-1 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; } }
@keyframes play-btn-2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }
/*===========================
    6.PORTFOLIO css 
===========================*/
.portfolio-area {
  padding-bottom: 85px;
  margin-top: -250px;
  overflow: hidden; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .portfolio-area {
      margin-top: -196px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area {
      margin-top: -223px; } }
  @media (max-width: 767px) {
    .portfolio-area {
      margin-top: -189px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio-area {
      margin-top: -345px; } }
  .portfolio-area .single-portfolio .portfolio-thumb img {
    width: 100%; }
  .portfolio-area .single-portfolio .portfolio-content {
    padding: 40px 40px;
    box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.1); }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .portfolio-area .single-portfolio .portfolio-content {
        padding: 40px 20px; } }
    @media (max-width: 767px) {
      .portfolio-area .single-portfolio .portfolio-content {
        padding: 40px 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .portfolio-area .single-portfolio .portfolio-content {
        padding: 40px 40px; } }
    .portfolio-area .single-portfolio .portfolio-content span {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      color: #13489D;
      letter-spacing: 2px;
      padding-bottom: 5px; }
    .portfolio-area .single-portfolio .portfolio-content .title {
      font-size: 23px;
      line-height: 34px;
      padding-bottom: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .portfolio-area .single-portfolio .portfolio-content .title {
          font-size: 19px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .portfolio-area .single-portfolio .portfolio-content .title {
          font-size: 19px; } }
      @media (max-width: 767px) {
        .portfolio-area .single-portfolio .portfolio-content .title {
          font-size: 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .portfolio-area .single-portfolio .portfolio-content .title {
          font-size: 26px; } }
  .portfolio-area .portfolio-active .slick-arrow {
    position: absolute;
    top: 54%;
    height: 70px;
    width: 70px;
    text-align: center;
    color: #fff;
    text-align: center;
    line-height: 70px;
    z-index: 99;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #f4f8ff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .portfolio-area .portfolio-active .slick-arrow:hover {
      background: #13489D;
      border-color: #13489D; }
      .portfolio-area .portfolio-active .slick-arrow:hover i {
        color: #fff; }
    .portfolio-area .portfolio-active .slick-arrow i {
      color: #13489D;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .portfolio-area .portfolio-active .slick-arrow.prev {
      left: -70px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .portfolio-area .portfolio-active .slick-arrow.prev {
          left: -270px; } }
    .portfolio-area .portfolio-active .slick-arrow.next {
      right: -70px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .portfolio-area .portfolio-active .slick-arrow.next {
          right: -270px; } }

/*===========================
    7.FAQ css 
===========================*/
.faq-area {
  padding-bottom: 120px; }
  .faq-area .section-title .title {
    padding-bottom: 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .faq-area .section-title .title {
        font-size: 56px; } }
    @media (max-width: 767px) {
      .faq-area .section-title .title {
        font-size: 34px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .faq-area .section-title .title {
        font-size: 54px; } }
    .faq-area .section-title .title::before {
      content: 'faq';
      left: -4px;
      transform: translateX(0%);
      bottom: 56px; }
  .faq-area .faq-accordion .accordion {
    border: 2px solid #e3eeff; }
    .faq-area .faq-accordion .accordion .card {
      border-radius: 0;
      border: 0;
      border-top: 2px solid #e3eeff; }
      .faq-area .faq-accordion .accordion .card:first-child {
        border-top: 0; }
      .faq-area .faq-accordion .accordion .card .card-header {
        border-bottom: 0;
        padding: 0;
        margin: 0;
        background-color: transparent; }
        .faq-area .faq-accordion .accordion .card .card-header a {
          line-height: 60px;
          padding: 0 0 0 40px;
          text-decoration: none;
          font-weight: 700;
          color: #002249;
          font-size: 16px;
          width: 100%;
          color: #13489D;
          position: relative; }
          @media (max-width: 767px) {
            .faq-area .faq-accordion .accordion .card .card-header a {
              padding: 10px 30px 10px 20px;
              line-height: 20px;
              font-size: 15px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .faq-area .faq-accordion .accordion .card .card-header a {
              padding: 0 0 0 40px;
              line-height: 60px;
              font-size: 16px; } }
          .faq-area .faq-accordion .accordion .card .card-header a.collapsed {
            color: #002249; }
            .faq-area .faq-accordion .accordion .card .card-header a.collapsed::before {
              content: '\f063';
              color: #cddae8; }
          .faq-area .faq-accordion .accordion .card .card-header a::before {
            position: absolute;
            content: '\f062';
            right: 36px;
            font-family: 'Font Awesome 5 Pro'; }
            @media (max-width: 767px) {
              .faq-area .faq-accordion .accordion .card .card-header a::before {
                right: 18px; } }
      .faq-area .faq-accordion .accordion .card .card-body {
        padding: 0 40px 14px 40px !important; }
        @media (max-width: 767px) {
          .faq-area .faq-accordion .accordion .card .card-body {
            padding: 0 40px 14px 20px !important; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .faq-area .faq-accordion .accordion .card .card-body {
            padding: 0 40px 14px 40px !important; } }
        .faq-area .faq-accordion .accordion .card .card-body p {
          margin-top: -10px;
          font-size: 14px; }
      .faq-area .faq-accordion .accordion .card.show .card-body {
        padding: 0 40px 14px 40px !important; }
        .faq-area .faq-accordion .accordion .card.show .card-body p {
          margin-top: -10px;
          font-size: 14px; }
  .faq-area .single-faq {
    border: 2px solid #e3eeff;
    padding: 34px 38px;
    position: relative;
    z-index: 10;
    overflow: hidden; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .faq-area .single-faq {
        padding: 34px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .faq-area .single-faq {
        margin-top: 40px; } }
    @media (max-width: 767px) {
      .faq-area .single-faq {
        margin-top: 40px; } }
    .faq-area .single-faq .title {
      color: #13489D;
      font-size: 16px; }
      .faq-area .single-faq .title span {
        font-size: 50px; }
    .faq-area .single-faq > span {
      font-size: 14px;
      font-weight: 700; }
    .faq-area .single-faq p {
      font-size: 14px;
      padding-top: 15px; }
    .faq-area .single-faq i {
      font-size: 120px;
      position: absolute;
      top: 10px;
      right: 15px;
      color: #f6fbff;
      z-index: -1; }
  .faq-area.faq-area-3 .section-title .title::before {
    display: none; }
  .faq-area.faq-area-3 .faq-thumb {
    margin-top: 35px; }
    .faq-area.faq-area-3 .faq-thumb .faq-thumb-1 {
      padding-right: 40px;
      position: relative; }
      .faq-area.faq-area-3 .faq-thumb .faq-thumb-1::before {
        position: absolute;
        content: '';
        height: 90px;
        width: 90px;
        border-radius: 50%;
        background: #edf4ff;
        right: -6px;
        bottom: -43px;
        z-index: -1; }
    .faq-area.faq-area-3 .faq-thumb .faq-thumb-2 {
      margin-top: -220px;
      position: relative;
      z-index: 5; }
      .faq-area.faq-area-3 .faq-thumb .faq-thumb-2 img {
        border: 15px solid #f5faff; }

/*===========================
    8.TEAM css 
===========================*/
.team-area {
  padding-bottom: 300px; }
  .team-area .section-title .title {
    margin-bottom: 45px; }
    .team-area .section-title .title::before {
      content: 'Team';
      color: #eaf2f8; }
  .team-area .single-team .team-thumb {
    position: relative;
    text-align: center; }
    .team-area .single-team .team-thumb img {
      border: 15px solid #fff;
      border-radius: 50%;
      width: 100%; }
    .team-area .single-team .team-thumb::before {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      border-radius: 50%;
      top: 0;
      left: 0;
      z-index: 5;
      border-left: 5px solid #13489D;
      border-bottom: 5px solid #13489D;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      transform: rotate(0deg); }
  .team-area .single-team .team-content .title {
    font-size: 24px;
    padding-top: 33px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .team-area .single-team .team-content .title {
        font-size: 20px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .team-area .single-team .team-content .title {
        font-size: 20px; } }
  .team-area .single-team .team-content span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #13489D;
    padding-top: 6px;
    padding-bottom: 15px; }
  .team-area .single-team:hover .team-thumb::before {
    transform: rotate(180deg); }

/*===========================
    9.ACTION css 
===========================*/
.action-area {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -200px; }
  @media (max-width: 767px) {
    .action-area {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .action-area {
      padding-left: 30px;
      padding-right: 30px; } }
  .action-area .action-overlay {
    background: #002249;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 30px;
    padding: 93px 0px 83px; }
  .action-area .action-bg {
    padding-left: 35px;
    padding-right: 35px; }
    @media (max-width: 767px) {
      .action-area .action-bg {
        padding-left: 0px;
        padding-right: 0px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .action-area .action-bg {
        padding-left: 30px;
        padding-right: 30px; } }
    .action-area .action-bg .action-content span {
      color: #fff; }
    .action-area .action-bg .action-content .title {
      font-size: 70px;
      color: #fff; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .action-area .action-bg .action-content .title {
          font-size: 54px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .action-area .action-bg .action-content .title {
          font-size: 54px; } }
      @media (max-width: 767px) {
        .action-area .action-bg .action-content .title {
          font-size: 40px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .action-area .action-bg .action-content .title {
          font-size: 46px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .action-area .action-bg .action-btn {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .action-area .action-bg .action-btn {
        margin-top: 20px; } }
    .action-area .action-bg .action-btn i {
      padding-right: 6px; }

/*===========================
    10.BLOG css 
===========================*/
.blog-area .section-title .title::before {
  content: 'news'; }
.blog-area .single-blog {
  border: 10px solid #e3eeff;
  padding: 40px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-area .single-blog {
      padding: 40px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-area .single-blog {
      padding: 40px 20px; } }
  @media (max-width: 767px) {
    .blog-area .single-blog {
      padding: 40px 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-area .single-blog {
      padding: 40px 40px; } }
  .blog-area .single-blog ul li {
    display: inline-block;
    font-size: 14px;
    padding-right: 15px; }
    .blog-area .single-blog ul li i {
      color: #13489D;
      padding-right: 6px; }
  .blog-area .single-blog .title {
    font-size: 22px;
    padding-top: 8px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-area .single-blog .title {
        font-size: 19px; } }
    @media (max-width: 767px) {
      .blog-area .single-blog .title {
        font-size: 18px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-area .single-blog .title {
        font-size: 22px; } }
    .blog-area .single-blog .title a {
      color: #002249; }
  .blog-area .single-blog p {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 7px; }
  .blog-area .single-blog > a {
    color: #81a3bb;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .blog-area .single-blog:hover {
    border-color: #13489D; }
    .blog-area .single-blog:hover > a {
      color: #13489D; }

/*===========================
    11.FOOTER css 
===========================*/
.footer-area .widget-item-2 {
	/* margin-top:10px; */
}

.footer-area .widget-item-1 p {
  padding-right: 30px;
  padding-top: 30px; }
.footer-area .widget-item-2 .title {
  text-transform: capitalize;
  font-weight: 550;
  font-size: 18px;
  margin-top: 27px;
  padding-bottom: 15px;
}
.footer-area .widget-item-2 p {
  /* padding-right: 30px; */
  padding-top: 0px;
  color: #fff;
  line-height:30px;
}
.footer-area .widget-item-2 .logo-img {
	height:47px;
	margin-top:30px;
}

.footer-area .widget-item-2 .wechat-img {
	margin-top: 30px;
    /* margin-left: 70px; */
    width: 100%;
}
.footer-area .widget-item-2 .footer-list {
    display: flex; }
.footer-area .widget-item-2 .footer-list ul {
    display: inline-block; }
.footer-area .widget-item-2 .footer-list ul li {
	line-height: 50px;
    margin-right: 40px; }
.footer-area .widget-item-2 .footer-list ul li a {
  color: #81a3bb;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
.footer-area .widget-item-2 .footer-list ul li a i {
    padding-right: 6px; }
.footer-area .widget-item-2 .footer-list ul li a:hover {
    color: #13489D; }
.footer-area .widget-item-2.widget-item-3 ul {
  margin-top: 7px; }
.footer-area .widget-item-2.widget-item-3 ul li {
  line-height: 36px;
  font-size: 20px;
  font-weight: 400; }
.footer-area .widget-item-2.widget-item-3 p {
  padding-top: 23px; }
.footer-area .widget-item-2.widget-item-3 p span {
    font-weight: 700;
    color: #002249; }
.footer-area .widget-item-2.widget-item-3 a {
  margin-top: 8px;
  color: #81a3bb;
  font-weight: 700; }
.footer-area .widget-item-2.widget-item-3 a i {
    padding-right: 6px; }
.footer-area .widget-item-2.widget-item-3 a:hover {
    color: #13489D;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
.footer-area .widget-item-2.widget-item-3 p {
  	font-size: 18px;
    color: #81a3bb;
    margin-top: 10px;
}
.footer-area .footer-copyright {
  border-top: 1px solid #e2edf3;
  margin-top: 0px;
  text-align: center; }
.footer-area .footer-copyright p span {
    font-weight: 700;
    color: #002249;
    line-height: 55px; }
.footer-area.footer-area-2 {
  overflow: hidden; }
.footer-area.footer-area-2 .footer-overlay {
    background-color: #13489D;
    padding-top: 10px; }
.footer-area.footer-area-2 .footer-overlay .widget-item-1 p {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2 .title {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2 .footer-list ul li a {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 ul li {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 p {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 p span {
    color: #fff; }
.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 a {
    color: #13489D; }
.footer-area.footer-area-2 .footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer-area.footer-area-2 .footer-copyright p {
    color: #9ea6ad;
    font-size: 14px;
    text-align: center; }
.footer-area.footer-area-2 .footer-copyright p a {
    color: #9ea6ad; }
.footer-area.footer-area-2 .shape-1 {
    position: absolute;
    left: -50%;
    bottom: -85%;
    height: 700px;
    width: 700px;
    border-radius: 50%;
    background-color: rgba(0, 109, 232, 0.4); }
.footer-area.footer-area-2 .shape-2 {
    position: absolute;
    right: -10%;
    bottom: 14%;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    background-color: #006de8; }
.footer-area.footer-area-2 .shape-3 {
    position: absolute;
    right: -3%;
    bottom: 33%;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    background-color: rgba(0, 109, 232, 0.4);
    background-color: #00e8cf; }
.footer-area.footer-area-2.footer-area-3 .footer-overlay {
    background-color: #00152e; }
.footer-area.footer-area-2.footer-area-1 .footer-overlay {
    background-color: #00152e; }

.footer-area.footer-area-2 .widget-item-3 {
	
}
.footer-area.footer-area-2 .widget-item-3 dl {
	display: inline-grid;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: center;
    /* float: right; */
}
.footer-area.footer-area-2 .widget-item-3 dl dt {
	margin-bottom: 7px;
	font-size: 16px;
    font-weight: 550;
}
	
.footer-area.footer-area-2 .widget-item-3 dl dd {
	margin-bottom: 7px;
	font-size: 16px;
}
.footer-area.footer-area-2 .widget-item-3 a {
	color:#fff;
}
.footer-area.footer-area-2 .widget-item-3 dd a {
	color:#9ea6ad;
}

.position-relative .row .firstdiv {
	/* width:40%;
	padding-left:150px; */
	float:left;
}
.firstdiv .first-bottom .first-left {
	float:left;
	width:25%;
}
.firstdiv .first-bottom .first-right {
	float:left;
	width:65%;
	margin-left: 6%;
}
.position-relative .row .seconddiv {
	/* width:60%;
	padding-right:150px; */
	float:left;
}
.seconddiv .select_1, .seconddiv .select_2, .seconddiv .select_3 {
    /* float: left;
    text-indent: 10px;
    line-height: 40px; 
    box-sizing: border-box; */
    position: relative;
    background: #ffffff50;
    border-radius: 3px;
    /* border: solid 1px #e8e8e8; */
    /* font-family: inherit; */
    /* font-size: 14px; */
    /* font-weight: normal; */
    height: 35px;
    width: 180px;
    /* text-align: center; */
    top: 10px;
    margin-bottom:20px;
}
.seconddiv .select_span {
    /* background: url(http://jx.binzhou.gov.cn/picture/1042/2002081423286682847.png) no-repeat right center; */
    /* font-size: 13px; */
    /* height: 35px; */
    /* overflow: hidden; */
    /* text-align: center; */
    /* cursor: pointer; */
    color: #fff;
    display: block;
    line-height: 35px;
    padding-right: 20px;
} 
.seconddiv .select_i {
	position: absolute;
    right: 15px;
    top: 13px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid rgb(255 253 253 / 90%);
}
.seconddiv .select_ul {
    display: none;
    border: 1px solid #999;
    /* position: absolute; */
    bottom: 40px;
    width: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 2;
   	position: relative;
   	top:0px;
}
.seconddiv .select_1 .select_ul {
	max-height: 170px;
}
.seconddiv .select_2 .select_ul {
	max-height: 115px;
}
.seconddiv .select_3 .select_ul {
	max-height: 60px;
}
.seconddiv .select_li {
    height: 28px;
    line-height: 28px;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
.seconddiv .select_li a {
    color: #000 !important;
    display: block;
}
@media (min-width: 1800px) {
	.footer-area .widget-item-2 .title{
		padding-bottom: 20px;
	}
	.footer-area .widget-item-2 p{
		line-height: 34px;
	}
	
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
	.footer-area .widget-item-2 .title{
		padding-bottom: 20px;
	}
	.footer-area .widget-item-2 p{
		line-height: 34px;
	}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	.footer-area .widget-item-2 .title{
		padding-bottom: 20px;
	}
	.footer-area .widget-item-2 p{
		line-height: 29px;
	}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	.footer-area.footer-area-2 .widget-item-3 dl {
		display: inline-grid;
	    margin-top: 30px;
	    margin-right: 30px;
	    margin-left: 30px;
	    text-align: center;
	    /* float: right; */
	}
	
}  
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-area .widget-item-1 p {
      padding-right: 0; } 
    .footer-area .widget-item-2 .footer-list ul li {
      margin-right: 20px; } 
    .footer-area .widget-item-2.widget-item-3 ul li {
      font-size: 18px; }
    .footer-area.footer-area-2 .widget-item-3 dl {
	    margin-right: 10px;
	    margin-left: 20px;
	}
	.footer-area.footer-area-2 .widget-item-3 dl dd {
		font-size: 14px;
	}
	.footer-area.footer-area-2 .widget-item-3 dl dt {
		font-size: 14px;
	}
	.seconddiv .select_1, .seconddiv .select_2, .seconddiv .select_3 {
	    height: 30px;
	    width: 150px;
	}
	.seconddiv .select_span {
	    line-height: 30px;
	    padding-right: 0px;
	    font-size:14px;
	}
	.footer-area .widget-item-2 .title {
	  	font-size: 16px;
	}
	.footer-area .widget-item-2 p {
		font-size: 14px;
		line-height: 25px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
    .footer-area .widget-item-1 p {
      padding-right: 0; } 
    .footer-area .widget-item-2.widget-item-3 p {
      padding-right: 40px; }
    .footer-area.footer-area-2 .widget-item-3 dl {
	    margin-right: 10px;
	    margin-left: 10px;
	}
	.footer-area.footer-area-2 .widget-item-3 dl dd {
		font-size: 12px;
	}
	.footer-area.footer-area-2 .widget-item-3 dl dt {
		font-size: 12px;
	}
	.seconddiv .select_1, .seconddiv .select_2, .seconddiv .select_3 {
	    height: 20px;
	    width: 100px;
	}
	.seconddiv .select_span {
	    line-height: 20px;
	    padding-right: 0px;
	    font-size:12px;
	}
	.seconddiv .select_i {
		position: absolute;
	    right: 10px;
	    top: 6px;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	    border-top: 8px solid rgb(255 253 253 / 90%);
	}
	.footer-area .widget-item-2 .title {
	  	font-size: 14px;
	  	padding-bottom: 10px;
	}
	.footer-area .widget-item-2 p {
		font-size: 12px;
		line-height: 25px;
	}
}
@media (max-width: 767px) {
    .footer-area .widget-item-1 p {
      padding-right: 0; } 
    .footer-area .widget-item-2.widget-item-3 ul li {
      font-size: 18px; }
    .footer-area.footer-area-2 .shape-2 {
      right: -30%; }
    .footer-area.footer-area-2 .widget-item-3 dl {
	    margin-right: 5px;
	    margin-left: 5px;
	}
	.position-relative .row .seconddiv {
	  	padding:0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-area.footer-area-2 .shape-2 {
    bottom: 5%; } 
  .footer-area.footer-area-2 .widget-item-3 dl {
    margin-right: 5px;
    margin-left: 5px;
  }
  .position-relative .row .seconddiv {
  	padding:0;
  }
}
@media (max-width: 575px) {
	.footer-area.footer-area-2 .widget-item-3 .first-dl {
	    margin-left: 50px;
	}
	.footer-area.footer-area-2 .widget-item-3 .last-dl {
	    margin-left: 100px;
	}
	.footer-area .widget-item-2 .title {
		margin-top: 30px;
		padding-bottom: 3px;
	}
	.footer-area .widget-item-2 .wechat-img{
		margin-top: 42px;
	}
	.footer-area .widget-item-2 p{
	    line-height: 25px;
	}
}
@media (max-width: 400px) {
	.footer-area .widget-item-2 .title {
		margin-top: 26px;
	}
}

/*===========================
    BACK TO TOP CSS
===========================*/
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: none;
  z-index: 999; }
  .back-to-top a {
    color: #fff;
    background: #13489D;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }
.back-to-top a:hover {
	background: #13489Dab;
}  
.back-to-back {
  position: fixed;
  right: 30px;
  bottom: 82px;
  display: none;
  z-index: 999999; }
  .back-to-back a {
    color: #fff;
    background: #13489D;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }
.back-to-back a:hover {
	background: #13489Dab;
}
.back-to-back-new {
  position: fixed;
  right: 30px;
  bottom: 82px;
  display: none;
  z-index: 999999; }
  .back-to-back-new a {
    color: #fff !important;
    background: #13489D;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }
.back-to-back-new a:hover {
	background: #13489Dab;
}
.back-to-back-index {
  position: fixed;
  right: 30px;
  bottom: 82px;
  display: none;
  z-index: 999999; }
  .back-to-back-index a {
    color: #fff !important;
    background: #13489D;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }
.back-to-back-index a:hover {
	background: #13489Dab;
} 
/*===========================
    12.ABOUT css 
===========================*/
.about-area .about-thumb {
  position: relative;
  z-index: 5; }
  .about-area .about-thumb::before {
    position: absolute;
    content: '';
    height: 630px;
    width: 630px;
    border: 120px solid #13489D;
    transform: rotate(45deg);
    background: #fff;
    z-index: -1;
    left: -200px;
    top: 40px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .about-area .about-thumb::before {
        height: 500px;
        width: 500px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-area .about-thumb::before {
        height: 500px;
        width: 500px;
        top: 85px; } }
    @media (max-width: 767px) {
      .about-area .about-thumb::before {
        display: none; } }
.about-area .about-item {
  padding-left: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .about-area .about-item {
      padding-left: 0; } }
  .about-area .about-item::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid #13489D;
    border-right: 30px solid transparent;
    right: 0px;
    bottom: -100px; }
  .about-area .about-item > span {
    color: #13489D;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .about-area .about-item .title {
    font-size: 60px;
    line-height: 70px;
    padding-top: 18px;
    padding-bottom: 36px; }
    @media (max-width: 767px) {
      .about-area .about-item .title {
        font-size: 38px;
        line-height: 48px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .about-area .about-item .title {
        font-size: 50px;
        line-height: 60px; } }
  .about-area .about-item p {
    color: #69a1bb; }
  .about-area .about-item .about-experience {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 28px; }
    .about-area .about-item .about-experience h3 {
      font-weight: 700;
      color: #13489D;
      font-size: 100px;
      font-family: "GilroyBold";
      padding-right: 15px;
      position: relative; }
      .about-area .about-item .about-experience h3::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 30px solid #13489D;
        border-right: 30px solid transparent;
        left: -48px;
        top: 23px; }
    .about-area .about-item .about-experience span {
      font-size: 30px;
      line-height: 40px;
      font-family: "GilroyBold";
      font-weight: 700;
      color: #002249;
      text-transform: capitalize; }
      @media (max-width: 767px) {
        .about-area .about-item .about-experience span {
          font-size: 26px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-area .about-item .about-experience span {
          font-size: 30px; } }
  .about-area .about-item ul li {
    display: inline-block; }
    .about-area .about-item ul li a {
      border-radius: 0;
      background: #13489D;
      color: #fff;
      border-color: #13489D; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-area .about-item ul li a {
          padding: 0 35px; } }
      .about-area .about-item ul li a:hover {
        border-color: #b7c3d6;
        background: #b7c3d6; }
      .about-area .about-item ul li a.main-btn-2 {
        background: #b7c3d6;
        border-color: #b7c3d6;
        margin-left: 18px; }
        @media (max-width: 767px) {
          .about-area .about-item ul li a.main-btn-2 {
            margin-left: 0;
            margin-top: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .about-area .about-item ul li a.main-btn-2 {
            margin-left: 18px;
            margin-top: 0; } }
        .about-area .about-item ul li a.main-btn-2:hover {
          border-color: #13489D;
          background: #13489D; }

/*===========================
    13.WHAT WE DO css 
===========================*/
.what-we-do-area .what-we-do-item {
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 109, 232, 0.04); }
  .what-we-do-area .what-we-do-item a {
    height: 100px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 5; }
    .what-we-do-area .what-we-do-item a h6 {
      font-size: 20px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .what-we-do-area .what-we-do-item a i {
      font-size: 20px;
      color: #6c90b9;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .what-we-do-area .what-we-do-item a:hover {
      background: #13489D; }
      .what-we-do-area .what-we-do-item a:hover h6 {
        color: #fff; }
      .what-we-do-area .what-we-do-item a:hover i {
        color: #fff; }
    .what-we-do-area .what-we-do-item a::before {
      position: absolute;
      content: '\f41b';
      font-family: 'Font Awesome 5 Brands';
      font-size: 80px;
      top: -20px;
      left: 5px;
      color: #fff;
      z-index: -1;
      opacity: .1; }

/*===========================
    13.INTRO VIDEO css 
===========================*/
.intro-video-area .intro-overlay {
  background-color: rgba(0, 21, 45, 0.9);
  padding-top: 90px;
  padding-bottom: 145px; }
  .intro-video-area .intro-overlay .intro-video-content span {
    color: #13489D;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -7px; }
    .intro-video-area .intro-overlay .intro-video-content span.bar {
      position: relative; }
      .intro-video-area .intro-overlay .intro-video-content span.bar::before {
        position: absolute;
        content: '';
        right: -100px;
        top: 10px;
        height: 2px;
        width: 70px;
        background: #13489D; }
  .intro-video-area .intro-overlay .intro-video-content .title {
    font-size: 60px;
    color: #fff;
    line-height: 70px;
    padding-right: 22px;
    padding-top: 20px;
    padding-bottom: 16px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .intro-video-area .intro-overlay .intro-video-content .title {
        font-size: 56px; } }
    @media (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-video-content .title {
        font-size: 34px;
        line-height: 46px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-video-content .title {
        font-size: 56px;
        line-height: 70px; } }
  .intro-video-area .intro-overlay .intro-video-content .text-1 {
    font-size: 24px;
    color: #a1bbd7;
    line-height: 36px;
    padding-bottom: 25px; }
    @media (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-video-content .text-1 {
        font-size: 18px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-video-content .text-1 {
        font-size: 24px; } }
  .intro-video-area .intro-overlay .intro-video-content .text-2 {
    color: #c5d5e7;
    padding-right: 30px; }
    @media (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-video-content .text-2 {
        padding-right: 0; } }
  .intro-video-area .intro-overlay .intro-video-content a {
    border-radius: 0;
    margin-top: 45px; }
  .intro-video-area .intro-overlay .intro-thumb {
    position: relative;
    z-index: 10; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .intro-video-area .intro-overlay .intro-thumb img {
        width: 100%; } }
    @media (max-width: 767px) {
      .intro-video-area .intro-overlay .intro-thumb img {
        width: 100%; } }
    .intro-video-area .intro-overlay .intro-thumb a {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 120px;
      width: 120px;
      border-radius: 50%;
      text-align: center;
      line-height: 120px;
      background: #13489D;
      z-index: 5; }
      .intro-video-area .intro-overlay .intro-thumb a i {
        font-size: 20px;
        color: #c5d5e7; }
      .intro-video-area .intro-overlay .intro-thumb a::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        border-radius: 50%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: .6;
        animation: play-btn-1 1.5s linear infinite; }
    .intro-video-area .intro-overlay .intro-thumb::before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 400px solid #13489D;
      border-left: 400px solid transparent;
      right: 0;
      bottom: -42px;
      z-index: -1; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .intro-video-area .intro-overlay .intro-thumb::before {
          right: -30px;
          bottom: -30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .intro-video-area .intro-overlay .intro-thumb::before {
          right: -30px;
          bottom: -30px; } }
      @media (max-width: 767px) {
        .intro-video-area .intro-overlay .intro-thumb::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .intro-video-area .intro-overlay .intro-thumb::before {
          right: -30px;
          bottom: -30px;
          display: block; } }

/*===========================
    14.LEADERSHIP css 
===========================*/
.leadership-area .leadership-item {
  position: relative;
  padding-bottom: 60px; }
  .leadership-area .leadership-item img {
    width: 100%;
    border: 10px solid #fff; }
  .leadership-area .leadership-item .leadership-content {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 90%;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 23px;
    padding-left: 40px;
    box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1); }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .leadership-area .leadership-item .leadership-content {
        padding-left: 20px; } }
    .leadership-area .leadership-item .leadership-content .title {
      font-size: 24px; }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .leadership-area .leadership-item .leadership-content .title {
          font-size: 20px; } }
    .leadership-area .leadership-item .leadership-content span {
      color: #13489D;
      font-weight: 700;
      padding-top: 9px; }
.leadership-area .leadership-active .slick-arrow {
  position: absolute;
  transform: translateX(-50%);
  bottom: -200px;
  height: 80px;
  width: 80px;
  background: #fff;
  text-align: center;
  line-height: 80px;
  box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
  cursor: pointer; }
  .leadership-area .leadership-active .slick-arrow i {
    font-size: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .leadership-area .leadership-active .slick-arrow.prev {
    left: 48%; }
  .leadership-area .leadership-active .slick-arrow.next {
    right: 39%; }
    .leadership-area .leadership-active .slick-arrow.next::before {
      position: absolute;
      content: '';
      width: 2px;
      height: 50px;
      left: -1px;
      bottom: -12%;
      background: #e9f1ff;
      transform: translate(-50%, -50%); }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .leadership-area .leadership-active .slick-arrow.next {
        right: 36%; } }
  .leadership-area .leadership-active .slick-arrow:hover i {
    color: #13489D; }
.leadership-area.padding {
  padding-bottom: 252px; }

/*===========================
    15.PROGRESS BAR css 
===========================*/
.Progress-bar-area .Progress-bar-item {
  position: relative;
  display: flex;
  justify-content: center; }
  .Progress-bar-area .Progress-bar-item canvas {
    transform: rotate(90deg); }
  .Progress-bar-area .Progress-bar-item .Progress-bar-content {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .Progress-bar-area .Progress-bar-item .Progress-bar-content {
        left: 50%; } }
    .Progress-bar-area .Progress-bar-item .Progress-bar-content i {
      color: #13489D;
      font-size: 70px; }
    .Progress-bar-area .Progress-bar-item .Progress-bar-content .title {
      font-size: 70px;
      color: #f2f8ff;
      z-index: -1;
      line-height: 0;
      position: relative;
      white-space: nowrap; }

/*===========================
    15.QUOTE css 
===========================*/
.quote-area {
  background-attachment: fixed; }
  .quote-area .quote-overlay {
    background-color: rgba(0, 18, 34, 0.8);
    padding-top: 105px;
    padding-bottom: 120px; }
    .quote-area .quote-overlay .section-title-2 .title {
      color: #fff; }
    .quote-area .quote-overlay .section-title-2 p {
      color: #fff; }
    .quote-area .quote-overlay .quote-form .input-box {
      position: relative; }
      .quote-area .quote-overlay .quote-form .input-box input {
        width: 100%;
        background-color: transparent;
        border: 2px solid rgba(255, 255, 255, 0.2);
        padding-left: 40px;
        line-height: 80px;
        color: #c1d0de; }
        .quote-area .quote-overlay .quote-form .input-box input::placeholder {
          opacity: 1;
          color: #c1d0de; }
      .quote-area .quote-overlay .quote-form .input-box textarea {
        width: 100%;
        height: 200px;
        background-color: transparent;
        border: 2px solid rgba(255, 255, 255, 0.2);
        padding-top: 30px;
        padding-left: 40px;
        color: #c1d0de;
        resize: none; }
        .quote-area .quote-overlay .quote-form .input-box textarea::placeholder {
          opacity: 1;
          color: #c1d0de; }
      .quote-area .quote-overlay .quote-form .input-box button {
        margin-top: 38px;
        border-radius: 0; }
      .quote-area .quote-overlay .quote-form .input-box i {
        position: absolute;
        top: 35px;
        right: 40px; }

/*===========================
    16.ANSWERS css 
===========================*/
.faq-accordion-2 .accordion {
  border: 2px solid transparent; }
  .faq-accordion-2 .accordion .card {
    border-radius: 0;
    border: 0;
    border-top: 2px solid transparent;
    margin-bottom: 20px;
    box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1); }
    .faq-accordion-2 .accordion .card:first-child {
      border-top: 0; }
    .faq-accordion-2 .accordion .card .card-header {
      border-bottom: 0;
      padding: 0;
      margin: 0;
      background-color: transparent; }
      .faq-accordion-2 .accordion .card .card-header a {
        line-height: 80px;
        padding: 0 0 0 40px;
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        width: 100%;
        color: #002249;
        position: relative; }
        @media (max-width: 767px) {
          .faq-accordion-2 .accordion .card .card-header a {
            padding: 10px 30px 10px 20px;
            line-height: 20px;
            font-size: 15px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .faq-accordion-2 .accordion .card .card-header a {
            padding: 0 0 0 40px;
            line-height: 60px;
            font-size: 16px; } }
        .faq-accordion-2 .accordion .card .card-header a.collapsed {
          color: #7a95b4; }
          .faq-accordion-2 .accordion .card .card-header a.collapsed::before {
            content: '\f107';
            color: #cddae8; }
        .faq-accordion-2 .accordion .card .card-header a::before {
          position: absolute;
          content: '\f106';
          right: 36px;
          font-family: 'Font Awesome 5 Pro'; }
          @media (max-width: 767px) {
            .faq-accordion-2 .accordion .card .card-header a::before {
              right: 18px; } }
    .faq-accordion-2 .accordion .card .card-body {
      padding: 0 40px 14px 40px !important; }
      @media (max-width: 767px) {
        .faq-accordion-2 .accordion .card .card-body {
          padding: 0 40px 14px 20px !important; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .faq-accordion-2 .accordion .card .card-body {
          padding: 0 40px 14px 40px !important; } }
      .faq-accordion-2 .accordion .card .card-body p {
        margin-top: -10px;
        font-size: 14px; }
    .faq-accordion-2 .accordion .card.show .card-body {
      padding: 0 40px 14px 40px !important; }
      .faq-accordion-2 .accordion .card.show .card-body p {
        margin-top: -10px;
        font-size: 14px; }

.asnwers-area .section-title-2 p {
  padding-right: 42px; }
.asnwers-area .answers-thumb {
  margin-top: 100px; }
  .asnwers-area .answers-thumb .answers-thumb-2 {
    margin-top: -220px; }
    .asnwers-area .answers-thumb .answers-thumb-2 img {
      border: 15px solid #f5faff; }

/*===========================
    17.ACTION 2 css 
===========================*/
.action-2-area .action-overlay {
  background-color: rgba(0, 109, 232, 0.9);
  padding-top: 85px;
  padding-bottom: 120px; }
  .action-2-area .action-overlay .action-item span {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .action-2-area .action-overlay .action-item .title {
    color: #fff;
    font-size: 60px; }
    @media (max-width: 767px) {
      .action-2-area .action-overlay .action-item .title {
        font-size: 46px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .action-2-area .action-overlay .action-item .title {
        font-size: 60px; } }
  @media (max-width: 767px) {
    .action-2-area .action-overlay .action-support {
      display: block !important; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .action-2-area .action-overlay .action-support {
      display: flex !important; } }
  .action-2-area .action-overlay .action-support .action-support-item {
    background: #ff5f6e;
    text-align: center;
    padding: 20px 45px;
    position: relative;
    z-index: 5; }
    .action-2-area .action-overlay .action-support .action-support-item i {
      position: absolute;
      top: 8px;
      left: 10px;
      opacity: .05;
      color: #fff;
      font-size: 60px;
      z-index: -1; }
    .action-2-area .action-overlay .action-support .action-support-item p {
      color: #fff;
      font-size: 14px; }
    .action-2-area .action-overlay .action-support .action-support-item span {
      color: #fff;
      font-weight: 700;
      font-size: 23px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .action-2-area .action-overlay .action-support .action-support-item span {
          font-size: 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .action-2-area .action-overlay .action-support .action-support-item span {
          font-size: 18px; } }
    .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 {
      background: #0058bb;
      margin-left: 30px; }
      @media (max-width: 767px) {
        .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 {
          margin-left: 0;
          margin-top: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 {
          margin-left: 20px;
          margin-top: 0px; } }

/*===========================
    17.ACTION 2 css 
===========================*/
.news-area {
 /*  background: #002249; */
  /* padding-top: 20px; */
  padding-bottom: 100px; 
  padding-top: 50px;}
  .news-area .section-title-2 .title {
    color: #fff; }
  .news-area .section-title-2 p {
    color: #fff; }
  .news-area .single-news {
    position: relative;
    overflow: hidden; }
    .news-area .single-news img {
      width: 100%;
      transform: scale(1) rotate(0deg);
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .news-area .single-news .single-news-overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0px;
      left: 0;
      /* background-color: rgba(0, 21, 46, 0.4); */
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      padding: 240px 40px 37px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .news-area .single-news .single-news-overlay {
          padding: 175px 40px 37px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .news-area .single-news .single-news-overlay {
          padding: 205px 40px 37px; } }
      @media (max-width: 767px) {
        .news-area .single-news .single-news-overlay {
          padding: 140px 20px 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .news-area .single-news .single-news-overlay {
          padding: 260px 20px 20px; } }
      .news-area .single-news .single-news-overlay span {
        font-weight: 700;
        color: #fff;
        font-size: 14px; }
      .news-area .single-news .single-news-overlay .title {
        font-size: 24px;
        padding-top: 10px;margin-top: 30px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .news-area .single-news .single-news-overlay .title {
            font-size: 20px; } }
        .news-area .single-news .single-news-overlay .title a {
        	color: #fff;
		    font-size: 20px;
		    font-weight: 400;
		    text-align: center; }
      .news-area .single-news .single-news-overlay > a {
        color: #fff;
        margin-top: 180px;
        font-size: 30px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .news-area .single-news .single-news-overlay > a {
            margin-top: 105px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .news-area .single-news .single-news-overlay > a {
            margin-top: 135px; } }
        @media (max-width: 767px) {
          .news-area .single-news .single-news-overlay > a {
            margin-top: 85px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .news-area .single-news .single-news-overlay > a {
            margin-top: 185px; } }
    .news-area .single-news:hover img {
    	transform: scale(1.1);
      /* transform: scale(1.2) rotate(5deg);  */}
    .news-area .single-news:hover .single-news-overlay {
      padding: 37px 20px 37px;
      background-color: rgb(113 115 116 / 50%);
      text-align: center; }
      @media (max-width: 767px) {
        .news-area .single-news:hover .single-news-overlay {
          padding: 20px; } }
  .news-area.news-area-2 {
    padding-top: 90px; }

/*===========================
    18.FEATURES css 
===========================*/
.features-area .features-item {
  border: 16px solid #f5faff;
  padding: 92px 85px 100px 535px;
  position: relative; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .features-area .features-item {
      padding: 92px 85px 100px 345px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .features-area .features-item {
      padding: 92px 85px 100px 100px; } }
  @media (max-width: 767px) {
    .features-area .features-item {
      padding: 20px;
      border-width: 10px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .features-area .features-item {
      padding: 50px; } }
  .features-area .features-item strong {
    font-weight: 700;
    color: #13489D;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 8px;
    display: block; }
  .features-area .features-item .title {
    font-size: 70px;
    line-height: 80px;
    padding-bottom: 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .features-area .features-item .title {
        font-size: 62px;
        line-height: 70px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .features-area .features-item .title {
        font-size: 62px;
        line-height: 70px; } }
    @media (max-width: 767px) {
      .features-area .features-item .title {
        font-size: 28px;
        line-height: 38px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .features-area .features-item .title {
        font-size: 43px;
        line-height: 53px; } }
  .features-area .features-item span {
    font-size: 24px;
    color: #6f8aa9;
    padding-bottom: 25px; }
    @media (max-width: 767px) {
      .features-area .features-item span {
        font-size: 18px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .features-area .features-item span {
        font-size: 16px; } }
  .features-area .features-item p {
    color: #69a1bb; }
  .features-area .features-item ul {
    margin-top: 35px; }
    .features-area .features-item ul li {
      display: inline-block; }
      .features-area .features-item ul li a {
        background: #13489D;
        border-radius: 0;
        color: #fff;
        margin-right: 20px;
        border-color: #13489D; }
        @media (max-width: 767px) {
          .features-area .features-item ul li a {
            padding: 0 30px;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .features-area .features-item ul li a {
            padding: 0 30px; } }
        .features-area .features-item ul li a i {
          padding-right: 6px; }
        .features-area .features-item ul li a:hover {
          background: #b7c3d6;
          border-color: #b7c3d6; }
        .features-area .features-item ul li a.main-btn-2 {
          background: #b7c3d6;
          border-color: #b7c3d6; }
          .features-area .features-item ul li a.main-btn-2:hover {
            background: #13489D;
            border-color: #13489D; }
  .features-area .features-item img {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 466px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .features-area .features-item img {
        width: 320px; } }
.features-area .single-features {
  border: 16px solid #f5faff;
  padding: 45px 38px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .features-area .single-features {
      padding: 45px 24px; } }
  @media (max-width: 767px) {
    .features-area .single-features {
      padding: 30px 15px;
      border-width: 10px; } }
  .features-area .single-features .title {
    font-size: 36px;
    padding-top: 32px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .features-area .single-features .title {
        font-size: 28px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .features-area .single-features .title {
        font-size: 30px; } }
    @media (max-width: 767px) {
      .features-area .single-features .title {
        font-size: 30px; } }
  .features-area .single-features a {
    color: #81a3bb;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: 18px; }
    .features-area .single-features a i {
      padding-right: 3px; }
    .features-area .single-features a:hover {
      color: #13489D; }
.features-area .features-sub {
  padding: 60px 60px 71px;
  background: #006de8; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .features-area .features-sub {
      padding: 60px 24px 93px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .features-area .features-sub {
      padding: 60px 30px 93px; } }
  @media (max-width: 767px) {
    .features-area .features-sub {
      padding: 20px; } }
  .features-area .features-sub .title {
    text-transform: capitalize;
    color: #fff;
    font-size: 30px;
    padding-bottom: 7px; }
  .features-area .features-sub p {
    color: #fff;
    padding-bottom: 25px; }
  .features-area .features-sub .input-box input {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    line-height: 60px;
    padding-left: 30px;
    color: #fff;
    font-size: 14px; }
    .features-area .features-sub .input-box input::placeholder {
      font-size: 14px;
      opacity: 1;
      color: #fff; }
  .features-area .features-sub .input-box button {
    background: #005ec9;
    color: #fff;
    border-color: #005ec9;
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
    padding: 0; }

/*===========================
    19.CHOOSE css 
===========================*/
.choose-area {
  padding-top: 113px;
  padding-bottom: 120px;
  background: #f5f7ff; }
  .choose-area .section-title .title {
    padding-bottom: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .choose-area .section-title .title {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .choose-area .section-title .title {
        font-size: 50px; } }
    .choose-area .section-title .title::before {
      display: none; }
  .choose-area .choose-cat .choose-cat-item {
    position: relative;
    padding-left: 80px; }
    @media (max-width: 767px) {
      .choose-area .choose-cat .choose-cat-item {
        padding-left: 60px; } }
    .choose-area .choose-cat .choose-cat-item .title {
      font-size: 24px; }
      @media (max-width: 767px) {
        .choose-area .choose-cat .choose-cat-item .title {
          font-size: 18px; } }
    .choose-area .choose-cat .choose-cat-item p {
      color: #81a3bb;
      padding-top: 13px;
      padding-right: 80px; }
      @media (max-width: 767px) {
        .choose-area .choose-cat .choose-cat-item p {
          padding-right: 0; } }
    .choose-area .choose-cat .choose-cat-item i {
      height: 50px;
      width: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0px 4px 8px 0px rgba(160, 194, 255, 0.2);
      font-size: 20px;
      color: #13489D;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      position: absolute;
      top: -10px;
      left: 0; }
      @media (max-width: 767px) {
        .choose-area .choose-cat .choose-cat-item i {
          top: -15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .choose-area .choose-cat .choose-cat-item i {
          top: -10px; } }
    .choose-area .choose-cat .choose-cat-item:hover i {
      background: #13489D;
      color: #fff; }
  .choose-area .choose-thumb-area {
    position: relative; }
    .choose-area .choose-thumb-area .choose-thumb-2 {
      position: absolute;
      right: 0;
      bottom: -150px;
      z-index: 55; }
      @media (max-width: 767px) {
        .choose-area .choose-thumb-area .choose-thumb-2 {
          position: inherit;
          top: 30px; } }
      .choose-area .choose-thumb-area .choose-thumb-2::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-bottom: 370px solid #13489D;
        border-left: 370px solid transparent;
        z-index: -1;
        right: -20px;
        bottom: -20px; }
        @media (max-width: 767px) {
          .choose-area .choose-thumb-area .choose-thumb-2::before {
            display: none; } }
  .choose-area .choose-video-thumb {
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .choose-area .choose-video-thumb {
        margin-top: 200px; } }
    @media (max-width: 767px) {
      .choose-area .choose-video-thumb {
        margin-top: 60px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .choose-area .choose-video-thumb {
        margin-top: 200px; } }
    .choose-area .choose-video-thumb a {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 100px;
      width: 100px;
      text-align: center;
      line-height: 100px;
      color: #fff;
      border-radius: 50%;
      background: #13489D; }
      .choose-area .choose-video-thumb a::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 2px solid #e3eeff;
        -webkit-animation: play-btn-1 2.5s linear infinite;
        -moz-animation: play-btn-1 2.5s linear infinite;
        -o-animation: play-btn-1 2.5s linear infinite;
        animation: play-btn-1 2.5s linear infinite; }
      .choose-area .choose-video-thumb a::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 2px solid #e3eeff;
        -webkit-animation: play-btn-2 1.5s linear infinite;
        -moz-animation: play-btn-2 1.5s linear infinite;
        -o-animation: play-btn-2 1.5s linear infinite;
        animation: play-btn-2 1.5s linear infinite; }

/*===========================
    20.PORTFOLIO 3 css 
===========================*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .portfolio-3-area .section-title .title {
    font-size: 60px;
    line-height: 70px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-3-area .section-title .title {
    font-size: 62px;
    line-height: 70px; } }
.portfolio-3-area .section-title .title::before {
  display: none; }
.portfolio-3-area .single-portfolio {
  box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.1); }
  .portfolio-3-area .single-portfolio .portfolio-content {
    padding: 35px 33px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .portfolio-3-area .single-portfolio .portfolio-content {
        padding: 35px 20px; } }
    @media (max-width: 767px) {
      .portfolio-3-area .single-portfolio .portfolio-content {
        padding: 20px 20px; } }
    .portfolio-3-area .single-portfolio .portfolio-content span {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #13489D;
      font-weight: 700; }
    .portfolio-3-area .single-portfolio .portfolio-content a .title {
      font-size: 23px;
      line-height: 34px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .portfolio-3-area .single-portfolio .portfolio-content a .title {
          font-size: 19px;
          line-height: 28px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .portfolio-3-area .single-portfolio .portfolio-content a .title {
          font-size: 20px;
          line-height: 26px; } }
      @media (max-width: 767px) {
        .portfolio-3-area .single-portfolio .portfolio-content a .title {
          font-size: 18px;
          line-height: 28px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .portfolio-3-area .single-portfolio .portfolio-content a .title {
          font-size: 18px;
          line-height: 28px; } }

/*===========================
    20.COUNTER css 
===========================*/
.counter-area .counter-item {
  position: relative;
  padding-left: 80px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .counter-area .counter-item {
      padding-left: 55px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .counter-area .counter-item {
      padding-left: 70px; } }
  .counter-area .counter-item .title {
    font-size: 16px;
    color: #fff;
    font-weight: 400; }
    .counter-area .counter-item .title span {
      font-size: 50px;
      font-weight: 700; }
  .counter-area .counter-item p {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    opacity: .6; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .counter-area .counter-item p {
        font-size: 13px; } }
  .counter-area .counter-item i {
    position: absolute;
    left: 0;
    top: 12px;
    color: #fff;
    font-size: 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .counter-area .counter-item i {
        font-size: 34px; } }

/*===========================
    21.GET IN TOUCH css 
===========================*/
.get-in-touch-area {
  padding-top: 113px;
  padding-bottom: 120px;
  background: #f7fcff; }
  .get-in-touch-area .section-title .title {
    font-size: 60px;
    line-height: 70px; }
    @media (max-width: 767px) {
      .get-in-touch-area .section-title .title {
        font-size: 34px;
        line-height: 44px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .get-in-touch-area .section-title .title {
        font-size: 52px;
        line-height: 62px; } }
    .get-in-touch-area .section-title .title::before {
      display: none; }
  .get-in-touch-area .form-area .input-box input {
    width: 100%;
    border: 1px solid #fff;
    line-height: 70px;
    padding-left: 30px;
    color: #6b93aa; }
    .get-in-touch-area .form-area .input-box input::placeholder {
      opacity: 1;
      color: #6b93aa; }
  .get-in-touch-area .form-area .input-box textarea {
    width: 100%;
    border: 1px solid #fff;
    height: 170px;
    padding-top: 30px;
    padding-left: 30px;
    color: #6b93aa;
    resize: none; }
    .get-in-touch-area .form-area .input-box textarea::placeholder {
      opacity: 1;
      color: #6b93aa; }
  .get-in-touch-area .form-area .input-box button {
    border-radius: 0;
    margin-top: 20px;
    background: #13489D;
    border-color: #13489D;
    color: #fff; }
  .get-in-touch-area .get-map {
    position: relative; }
    .get-in-touch-area .get-map iframe {
      width: 530px;
      height: 560px;
      position: absolute;
      right: 0;
      top: 55px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .get-in-touch-area .get-map iframe {
          width: 100%; } }
    .get-in-touch-area .get-map::before {
      position: absolute;
      content: '';
      height: 0;
      width: 0;
      border-bottom: 400px solid #13489D;
      border-left: 400px solid transparent;
      right: -20px;
      bottom: -635px; }
  .get-in-touch-area.get-in-touch-area-2 .get-map {
    position: relative;
    z-index: 3; }
    .get-in-touch-area.get-in-touch-area-2 .get-map::before {
      right: 20px;
      bottom: -20px;
      z-index: -1; }
    .get-in-touch-area.get-in-touch-area-2 .get-map a {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 120px;
      width: 120px;
      text-align: center;
      line-height: 120px;
      color: #fff;
      font-size: 24px;
      z-index: 5;
      border-radius: 50%; }
      .get-in-touch-area.get-in-touch-area-2 .get-map a::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        border-radius: 50%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: -2;
        opacity: .6;
        animation: play-btn-1 1.5s linear infinite; }
      .get-in-touch-area.get-in-touch-area-2 .get-map a::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #13489D;
        border-radius: 50%;
        z-index: -1; }
  .get-in-touch-area.get-in-touch-area-2 .form-area .input-box {
    position: relative; }
    .get-in-touch-area.get-in-touch-area-2 .form-area .input-box i {
      position: absolute;
      right: 30px;
      top: 25px; }

/*===========================
    22.ABOUT EXPERIENCE css 
===========================*/
.about-experience-area {
  padding-top: 113px; }
  .about-experience-area .experience-item {
    margin-bottom: 50px; }
    .about-experience-area .experience-item span {
      color: #13489D;
      font-weight: 700;
      position: relative; }
      .about-experience-area .experience-item span::before {
        position: absolute;
        content: '';
        right: -100px;
        top: 10px;
        height: 2px;
        width: 70px;
        background: #13489D; }
    .about-experience-area .experience-item .title {
      font-size: 60px;
      line-height: 70px;
      padding-top: 24px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-experience-area .experience-item .title {
          font-size: 46px;
          line-height: 56px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-experience-area .experience-item .title {
          padding-right: 130px; } }
      @media (max-width: 767px) {
        .about-experience-area .experience-item .title {
          font-size: 34px;
          line-height: 44px; } }
    .about-experience-area .experience-item p {
      color: #69a1bb; }
    .about-experience-area .experience-item a {
      font-weight: 700;
      color: #13489D;
      margin-top: 17px; }
  .about-experience-area .single-experience {
    position: relative; }
    .about-experience-area .single-experience .experience-overlay {
      padding: 40px 40px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 34, 73, 0.4);
      padding-top: 275px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      z-index: 5; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-experience-area .single-experience .experience-overlay {
          padding-top: 170px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-experience-area .single-experience .experience-overlay {
          padding-top: 205px; } }
      @media (max-width: 767px) {
        .about-experience-area .single-experience .experience-overlay {
          padding: 40px 20px;
          padding-top: 165px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-experience-area .single-experience .experience-overlay {
          padding-top: 210px;
          padding: 40px 40px; } }
      .about-experience-area .single-experience .experience-overlay .title {
        color: #fff;
        font-size: 22px;
        padding-bottom: 10px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .about-experience-area .single-experience .experience-overlay .title {
            font-size: 18px; } }
        @media (max-width: 767px) {
          .about-experience-area .single-experience .experience-overlay .title {
            font-size: 20px; } }
      .about-experience-area .single-experience .experience-overlay p {
        color: #cadef6;
        font-size: 14px; }
      .about-experience-area .single-experience .experience-overlay a {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .about-experience-area .single-experience .experience-overlay i {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 200px;
        color: #fff;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        z-index: -1; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .about-experience-area .single-experience .experience-overlay i {
            font-size: 130px; } }
        @media (max-width: 767px) {
          .about-experience-area .single-experience .experience-overlay i {
            font-size: 150px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .about-experience-area .single-experience .experience-overlay i {
            font-size: 150px; } }
    .about-experience-area .single-experience:hover .experience-overlay {
      background: rgba(12, 89, 219, 0.9);
      padding-top: 255px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-experience-area .single-experience:hover .experience-overlay {
          padding-top: 140px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-experience-area .single-experience:hover .experience-overlay {
          padding-top: 175px; } }
      @media (max-width: 767px) {
        .about-experience-area .single-experience:hover .experience-overlay {
          padding-top: 135px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-experience-area .single-experience:hover .experience-overlay {
          padding-top: 180px; } }
      .about-experience-area .single-experience:hover .experience-overlay a {
        opacity: 1; }
      .about-experience-area .single-experience:hover .experience-overlay i {
        opacity: .1; }

/*===========================
    22.ABOUT INTRO css 
===========================*/
.about-intro-area {
  background: #f5faff;
  padding-bottom: 128px; }
  .about-intro-area .intro-thumb {
    position: relative;
    z-index: 5; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-intro-area .intro-thumb img {
        width: 100%; } }
    @media (max-width: 767px) {
      .about-intro-area .intro-thumb img {
        width: 100%;
        margin-bottom: 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .about-intro-area .intro-thumb img {
        width: 100%; } }
    .about-intro-area .intro-thumb a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-75%, -50%);
      height: 120px;
      width: 120px;
      text-align: center;
      border-radius: 50%;
      line-height: 120px;
      background: #13489D;
      color: #c5d5e7;
      font-size: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-intro-area .intro-thumb a {
          transform: translate(-50%, -50%); } }
      @media (max-width: 767px) {
        .about-intro-area .intro-thumb a {
          transform: translate(-50%, -50%); } }
    .about-intro-area .intro-thumb::before {
      position: absolute;
      content: '';
      bottom: -20px;
      left: -20px;
      width: 0;
      height: 0;
      border-bottom: 400px solid #4f9fff;
      border-right: 400px solid transparent;
      z-index: -1; }
      @media (max-width: 767px) {
        .about-intro-area .intro-thumb::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-intro-area .intro-thumb::before {
          display: block;
          bottom: 20px; } }
  .about-intro-area .intri-content {
    margin-top: -7px; }
    .about-intro-area .intri-content span {
      color: #13489D;
      font-weight: 700;
      position: relative;
      padding-bottom: 20px; }
      .about-intro-area .intri-content span::before {
        position: absolute;
        content: '';
        right: -100px;
        top: 10px;
        height: 2px;
        width: 70px;
        background: #13489D; }
    .about-intro-area .intri-content .title {
      font-size: 60px;
      line-height: 70px;
      padding-bottom: 18px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-intro-area .intri-content .title {
          font-size: 50px;
          line-height: 60px; } }
      @media (max-width: 767px) {
        .about-intro-area .intri-content .title {
          font-size: 36px;
          line-height: 46px; } }
    .about-intro-area .intri-content .text-1 {
      font-size: 24px;
      color: #4f859e;
      line-height: 36px;
      margin-bottom: 25px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-intro-area .intri-content .text-1 {
          font-size: 18px; } }
      @media (max-width: 767px) {
        .about-intro-area .intri-content .text-1 {
          font-size: 16px; } }
    .about-intro-area .intri-content a {
      border-radius: 0;
      padding: 0 45px;
      margin-top: 45px;
      background: #13489D;
      color: #fff;
      border-color: #13489D; }
      .about-intro-area .intri-content a:hover {
        background-color: transparent;
        color: #13489D; }

/*===========================
    23.ABOUT HISTORY css 
===========================*/
.about-history-area {
  padding-top: 100px;
  padding-bottom: 170px; }
  .about-history-area .section-title {
    padding-bottom: 15px; }
    .about-history-area .section-title .title {
      margin-bottom: 13px; }
      .about-history-area .section-title .title::before {
        display: none; }
    @media (max-width: 767px) {
      .about-history-area .section-title p {
        font-size: 15px; } }
  .about-history-area .history-item {
    box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
    margin-top: 85px;
    margin-right: 55px;
    position: relative; }
    @media (max-width: 767px) {
      .about-history-area .history-item {
        padding-top: 0;
        margin-right: 0; } }
    .about-history-area .history-item .history-thumb img {
      width: 100%; }
    .about-history-area .history-item .history-content {
      padding: 33px 40px 38px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-history-area .history-item .history-content {
          padding: 25px 20px 25px; } }
      @media (max-width: 767px) {
        .about-history-area .history-item .history-content {
          padding: 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-history-area .history-item .history-content {
          padding: 33px 40px 38px; } }
      .about-history-area .history-item .history-content span {
        color: #13489D;
        font-weight: 700; }
      .about-history-area .history-item .history-content .title {
        font-size: 26px;
        padding-top: 9px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .about-history-area .history-item .history-content .title {
            font-size: 22px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .about-history-area .history-item .history-content .title {
            font-size: 17px; } }
        @media (max-width: 767px) {
          .about-history-area .history-item .history-content .title {
            font-size: 18px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .about-history-area .history-item .history-content .title {
            font-size: 26px; } }
    .about-history-area .history-item.history-item-2 {
      margin-right: 0;
      margin-left: 55px; }
      @media (max-width: 767px) {
        .about-history-area .history-item.history-item-2 {
          margin-left: 0; } }
      .about-history-area .history-item.history-item-2::after {
        left: -72px; }
      .about-history-area .history-item.history-item-2 .number-box {
        left: -100px; }
    .about-history-area .history-item::after {
      position: absolute;
      content: '';
      right: -70px;
      top: 0;
      height: 100%;
      width: 2px;
      background: #e3eeff; }
      @media (max-width: 767px) {
        .about-history-area .history-item::after {
          display: none; } }
    .about-history-area .history-item .number-box {
      height: 60px;
      width: 60px;
      border-radius: 50%;
      border: 4px solid #9edbff;
      position: absolute;
      top: -25px;
      right: -99px;
      background: #fff;
      z-index: 5;
      text-align: center; }
      @media (max-width: 767px) {
        .about-history-area .history-item .number-box {
          display: none; } }
      .about-history-area .history-item .number-box span {
        line-height: 55px;
        font-weight: 700;
        color: #002249; }
    .about-history-area .history-item .number-box-2 {
      height: 60px;
      width: 60px;
      text-align: center;
      border-radius: 50%;
      background: #13489D;
      position: absolute;
      right: -99px;
      bottom: -50px;
      z-index: 9; }
      @media (max-width: 767px) {
        .about-history-area .history-item .number-box-2 {
          display: none; } }
      .about-history-area .history-item .number-box-2 i {
        color: #fff;
        font-size: 20px;
        line-height: 60px; }

.pt-240 {
  padding-top: 240px; }

.about-faq-area {
  padding-top: 113px; }
  .about-faq-area .faq-video-thumb {
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-faq-area .faq-video-thumb img {
        width: 100%; } }
    @media (max-width: 767px) {
      .about-faq-area .faq-video-thumb img {
        width: 100%; } }
    .about-faq-area .faq-video-thumb a {
      position: absolute;
      left: 45%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 120px;
      width: 120px;
      border-radius: 50%;
      text-align: center;
      line-height: 120px;
      background: #13489D;
      color: #fff;
      font-size: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-faq-area .faq-video-thumb a {
          left: 50%; } }
      @media (max-width: 767px) {
        .about-faq-area .faq-video-thumb a {
          left: 50%; } }
  .about-faq-area .about-faq-content span {
    font-size: 16px;
    color: #13489D;
    font-weight: 700;
    position: relative; }
    .about-faq-area .about-faq-content span::before {
      position: absolute;
      content: '';
      height: 2px;
      width: 70px;
      background: #13489D;
      right: -100px;
      top: 10px; }
  .about-faq-area .about-faq-content .title {
    font-size: 60px;
    line-height: 70px;
    padding-top: 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .about-faq-area .about-faq-content .title {
        font-size: 52px;
        line-height: 62px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-faq-area .about-faq-content .title {
        padding-right: 170px; } }
    @media (max-width: 767px) {
      .about-faq-area .about-faq-content .title {
        font-size: 32px;
        line-height: 42px; } }
  .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 {
    margin-bottom: -210px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 {
        margin-bottom: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 img {
        width: 100%; } }
    @media (max-width: 767px) {
      .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 img {
        width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-2 img {
      width: 100%; } }
  @media (max-width: 767px) {
    .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-2 img {
      width: 100%; } }
  .about-faq-area.about-faq-area-page .faq-accordion-3 .accordion .card {
    border-radius: 0 !important;
    border: 2px solid #e3eeff;
    box-shadow: none; }

.faq-accordion-3 {
  padding-top: 35px; }
  .faq-accordion-3 .accordion {
    border: 2px solid transparent; }
    .faq-accordion-3 .accordion .card {
      border-radius: 40px !important;
      border: 0;
      border-top: 2px solid transparent;
      margin-bottom: 20px;
      box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1); }
      .faq-accordion-3 .accordion .card:first-child {
        border-top: 0; }
      .faq-accordion-3 .accordion .card .card-header {
        border-bottom: 0;
        padding: 0;
        margin: 0;
        background-color: transparent; }
        .faq-accordion-3 .accordion .card .card-header a {
          line-height: 80px;
          padding: 0 0 0 40px;
          text-decoration: none;
          font-weight: 700;
          font-size: 16px;
          width: 100%;
          color: #7a95b4;
          position: relative; }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .faq-accordion-3 .accordion .card .card-header a {
              padding: 0 0 0 20px;
              font-size: 14px; } }
          .faq-accordion-3 .accordion .card .card-header a i {
            color: #13489D;
            padding-right: 20px; }
            @media only screen and (min-width: 992px) and (max-width: 1200px) {
              .faq-accordion-3 .accordion .card .card-header a i {
                padding-right: 10px; } }
          @media (max-width: 767px) {
            .faq-accordion-3 .accordion .card .card-header a {
              padding: 10px 30px 10px 20px;
              line-height: 20px;
              font-size: 15px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .faq-accordion-3 .accordion .card .card-header a {
              padding: 0 0 0 40px;
              line-height: 60px;
              font-size: 16px; } }
          .faq-accordion-3 .accordion .card .card-header a.collapsed {
            font-size: 16px;
            color: #436584; }
            @media only screen and (min-width: 992px) and (max-width: 1200px) {
              .faq-accordion-3 .accordion .card .card-header a.collapsed {
                padding: 0 0 0 20px;
                font-size: 14px; } }
            .faq-accordion-3 .accordion .card .card-header a.collapsed::before {
              content: '\f067';
              color: #99b1c8; }
          .faq-accordion-3 .accordion .card .card-header a::before {
            position: absolute;
            content: '\f068';
            right: 36px;
            font-size: 16px;
            font-family: 'Font Awesome 5 Pro';
            color: #99b1c8; }
            @media (max-width: 767px) {
              .faq-accordion-3 .accordion .card .card-header a::before {
                right: 18px; } }
      .faq-accordion-3 .accordion .card .card-body {
        padding: 0 30px 14px 40px !important; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .faq-accordion-3 .accordion .card .card-body {
            padding: 0 30px 14px 45px !important; } }
        @media (max-width: 767px) {
          .faq-accordion-3 .accordion .card .card-body {
            padding: 10px 40px 20px 20px !important; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .faq-accordion-3 .accordion .card .card-body {
            padding: 0 40px 14px 40px !important; } }
        .faq-accordion-3 .accordion .card .card-body p {
          margin-top: -10px;
          font-size: 14px; }
      .faq-accordion-3 .accordion .card.show .card-body {
        padding: 0 40px 14px 40px !important; }
        .faq-accordion-3 .accordion .card.show .card-body p {
          margin-top: -10px;
          font-size: 14px; }

/*===========================
    24.SERVICES ITEM css 
===========================*/
.services-item-area .section-title .title {
  font-size: 60px;
  margin-bottom: 13px; }
  @media (max-width: 767px) {
    .services-item-area .section-title .title {
      font-size: 30px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-item-area .section-title .title {
      font-size: 46px; } }
  .services-item-area .section-title .title::before {
    display: none; }
.services-item-area .section-title p {
  padding: 0 22px 45px; }
.services-item-area .single-services-item {
  position: relative;
  overflow: hidden; }
  .services-item-area .single-services-item img {
    width: 100%; 
    height: 280px;}
  .services-item-area .single-services-item .services-overlay {
    position: absolute;
    bottom: -140px;
    left: 0;
    width: 100%;
    height: 210px;
    background-color: rgba(0, 34, 73, 0.7);
    padding: 20px 40px 40px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .services-item-area .single-services-item .services-overlay {
        padding: 20px 10px 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .services-item-area .single-services-item .services-overlay {
        padding: 20px 30px 40px; } }
    @media (max-width: 767px) {
      .services-item-area .single-services-item .services-overlay {
        padding: 20px 5px 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .services-item-area .single-services-item .services-overlay {
        padding: 20px 26px 40px; } }
    .services-item-area .single-services-item .services-overlay i {
      position: absolute;
      top: -20px;
      left: 20px;
      height: 70px;
      width: 70px;
      background: #13489D;
      text-align: center;
      line-height: 70px;
      color: #fff;
      font-size: 30px; }
    .services-item-area .single-services-item .services-overlay p {
      color: #fff;
      font-size: 14px;
      padding-top: 20px; }
    .services-item-area .single-services-item .services-overlay .title {
      padding-left: 80px;
      color: #fff;
      font-size: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .services-item-area .single-services-item .services-overlay .title {
          padding-left: 90px; } }
      @media (max-width: 767px) {
        .services-item-area .single-services-item .services-overlay .title {
          padding-left: 95px;
          font-size: 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .services-item-area .single-services-item .services-overlay .title {
          padding-left: 80px;
          font-size: 20px; } }
  .services-item-area .single-services-item:hover .services-overlay {
    bottom: 0;
    background: rgba(0, 102, 255, 0.9); }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .services-item-area .single-services-item:hover .services-overlay {
        bottom: -20px; } }
        
/*===========================
    24.SERVICES PLAns css 
===========================*/
.services-plans-area {
  padding-top: 111px;
  padding-bottom: 120px;
  background: #f5f9ff; }
  .services-plans-area .services-title span {
    color: #13489D;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative; }
    .services-plans-area .services-title span::before {
      position: absolute;
      content: '';
      right: -100px;
      top: 10px;
      height: 2px;
      width: 70px;
      background: #13489D; }
  .services-plans-area .services-title .title {
    font-size: 60px;
    padding-top: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .services-plans-area .services-title .title {
        font-size: 50px; } }
    @media (max-width: 767px) {
      .services-plans-area .services-title .title {
        font-size: 42px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .services-plans-area .services-title .title {
        font-size: 60px; } }
  .services-plans-area .plans-item {
    position: relative;
    z-index: 5;
    padding: 55px 30px 60px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .services-plans-area .plans-item {
        padding: 55px 10px 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .services-plans-area .plans-item {
        padding: 55px 41px 60px; } }
    .services-plans-area .plans-item::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: -1;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .services-plans-area .plans-item b {
      font-weight: 700;
      color: #13489D;
      font-size: 14px;
      text-transform: capitalize;
      display: block;
      padding-bottom: 10px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .services-plans-area .plans-item .title {
      font-size: 16px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .services-plans-area .plans-item .title span {
        font-size: 70px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
    .services-plans-area .plans-item > span {
      color: #88a2bf;
      font-size: 14px;
      text-transform: capitalize;
      position: relative;
      margin-bottom: 33px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .services-plans-area .plans-item > span::before {
        position: absolute;
        content: '';
        height: 2px;
        width: 42px;
        left: 50%;
        bottom: -20px;
        background: #cde4ff;
        transform: translateX(-50%);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
    .services-plans-area .plans-item p {
      font-size: 14px;
      color: #69a1bb;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .services-plans-area .plans-item a {
      background-color: transparent;
      border-color: #e3eeff;
      color: #13489D;
      border-radius: 0;
      font-size: 14px;
      margin-top: 35px;
      padding: 0;
      width: 100%; }
    .services-plans-area .plans-item:hover::before {
      background: rgba(0, 102, 255, 0.9); }
    .services-plans-area .plans-item:hover b {
      color: #fff; }
    .services-plans-area .plans-item:hover .title {
      color: #fff; }
    .services-plans-area .plans-item:hover span {
      color: #fff; }
      .services-plans-area .plans-item:hover span::before {
        width: 100px;
        background: #fff; }
    .services-plans-area .plans-item:hover p {
      color: #fff; }
    .services-plans-area .plans-item:hover a {
      background: #003d95;
      border-color: #003d95;
      color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
  .services-plans-area .plans-tab-btn .nav {
    background: #fff;
    padding: 10px; }
    .services-plans-area .plans-tab-btn .nav li a {
      border-radius: 0;
      padding: 0 35px;
      line-height: 60px;
      color: #69a1bb;
      font-weight: 700; }
      .services-plans-area .plans-tab-btn .nav li a.active {
        color: #fff;
        background: #13489D; }
  .services-plans-area.services-plans-dark-area {
    background: #002249; }
    .services-plans-area.services-plans-dark-area .services-title .title {
      font-size: 60px;
      padding-top: 25px;
      color: #fff; }
    .services-plans-area.services-plans-dark-area .plans-tab-btn .nav {
      background: #002c5f; }
    .services-plans-area.services-plans-dark-area .plans-item::before {
      background: #00152e; }
    .services-plans-area.services-plans-dark-area .plans-item b {
      color: #ffc78a; }
      .services-plans-area.services-plans-dark-area .plans-item b.item-2 {
        color: #69a1bb; }
      .services-plans-area.services-plans-dark-area .plans-item b.item-3 {
        color: #ff578e; }
      .services-plans-area.services-plans-dark-area .plans-item b.item-4 {
        color: #bb72ff; }
    .services-plans-area.services-plans-dark-area .plans-item .title {
      color: #fff; }
    .services-plans-area.services-plans-dark-area .plans-item > span::before {
      background: #13335a; }
    .services-plans-area.services-plans-dark-area .plans-item a {
      border-color: #1d3d63; }
    .services-plans-area.services-plans-dark-area .plans-item:hover::before {
      background: rgba(0, 102, 255, 0.9); }
    .services-plans-area.services-plans-dark-area .plans-item:hover b {
      color: #fff; }
    .services-plans-area.services-plans-dark-area .plans-item:hover span::before {
      width: 100px;
      background: #fff; }
    .services-plans-area.services-plans-dark-area .plans-item:hover p {
      color: #fff; }
    .services-plans-area.services-plans-dark-area .plans-item:hover a {
      background: #003d95;
      border-color: #003d95;
      color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }

/*===============================
    25.SERVICES OPTIMIZATION css 
================================*/
.services-optimization-area .services-optimization-thumb-2 {
  margin-top: -170px;
  margin-right: 20px;
  text-align: right; }
  @media (max-width: 767px) {
    .services-optimization-area .services-optimization-thumb-2 {
      margin-top: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-optimization-area .services-optimization-thumb-2 {
      margin-top: -170px; } }
  .services-optimization-area .services-optimization-thumb-2 img {
    border: 14px solid #fff; }
.services-optimization-area .services-optimization-content > span {
  color: #13489D;
  font-weight: 700;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 28px; }
  .services-optimization-area .services-optimization-content > span::before {
    position: absolute;
    content: '';
    top: 10px;
    right: -90px;
    height: 2px;
    width: 70px;
    background: #13489D; }
    @media (max-width: 767px) {
      .services-optimization-area .services-optimization-content > span::before {
        display: none; } }
.services-optimization-area .services-optimization-content .title {
  font-size: 60px;
  line-height: 70px;
  padding-bottom: 35px; }
  @media (max-width: 767px) {
    .services-optimization-area .services-optimization-content .title {
      font-size: 42px;
      line-height: 50px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-optimization-area .services-optimization-content .title {
      font-size: 60px; } }
.services-optimization-area .services-optimization-content > p {
  padding-right: 100px; }
  @media (max-width: 767px) {
    .services-optimization-area .services-optimization-content > p {
      padding-right: 0; } }
.services-optimization-area .services-optimization-content .action-support-item {
  margin-top: 40px;
  background: #ff5f6e;
  text-align: center;
  padding: 20px 40px;
  position: relative;
  display: inline-block;
  z-index: 5; }
  .services-optimization-area .services-optimization-content .action-support-item i {
    position: absolute;
    top: 8px;
    left: 10px;
    opacity: .05;
    color: #fff;
    font-size: 60px;
    z-index: -1; }
  .services-optimization-area .services-optimization-content .action-support-item p {
    color: #fff;
    font-size: 14px; }
  .services-optimization-area .services-optimization-content .action-support-item span {
    color: #fff;
    font-weight: 700;
    font-size: 23px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .services-optimization-area .services-optimization-content .action-support-item span {
        font-size: 18px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .services-optimization-area .services-optimization-content .action-support-item span {
        font-size: 18px; } }

/*===============================
    26.CASE DETAILS css 
================================*/
.case-details-area .case-details-thumb {
  position: relative; }
  .case-details-area .case-details-thumb img {
    width: 100%; }
  .case-details-area .case-details-thumb .case-live {
    box-shadow: 0px 8px 16px 0px rgba(0, 26, 55, 0.3);
    position: absolute;
    background: #fff;
    top: 20px;
    right: 20px;
    padding: 45px 0px 45px 40px; }
    @media (max-width: 767px) {
      .case-details-area .case-details-thumb .case-live {
        left: 0;
        top: 0px;
        position: inherit; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .case-details-area .case-details-thumb .case-live {
        left: 0;
        top: 0px;
        position: inherit; } }
    @media (max-width: 767px) {
      .case-details-area .case-details-thumb .case-live .case-live-item-area {
        display: block !important;
        margin-top: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .case-details-area .case-details-thumb .case-live .case-live-item-area {
        display: flex !important; } }
    .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item {
      padding-left: 30px;
      padding-right: 40px;
      position: relative; }
      @media (max-width: 767px) {
        .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item {
          padding-bottom: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item {
          padding-bottom: 0px; } }
      .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item .title {
        font-size: 20px; }
      .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item span {
        font-size: 14px;
        color: #69a1bb; }
      .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item i {
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 20px;
        color: #13489D; }
    .case-details-area .case-details-thumb .case-live .case-live-btn {
      margin-right: 40px;
      margin-top: 37px; }
      .case-details-area .case-details-thumb .case-live .case-live-btn a {
        border-radius: 0;
        background: #13489D;
        color: #fff;
        border-color: #13489D; }
.case-details-area .case-details-content .case-details-case {
  position: relative; }
  .case-details-area .case-details-content .case-details-case img {
    position: absolute;
    left: 0;
    top: 5px; }
    @media (max-width: 767px) {
      .case-details-area .case-details-content .case-details-case img {
        position: inherit;
        top: 0;
        left: 0;
        width: 100%; } }
  .case-details-area .case-details-content .case-details-case p {
    padding-left: 265px; }
    @media (max-width: 767px) {
      .case-details-area .case-details-content .case-details-case p {
        padding-left: 0;
        margin-top: 20px; } }
.case-details-area .case-content-2 .title {
  font-size: 24px;
  padding-top: 13px;
  padding-bottom: 14px; }
.case-details-area .case-video-thumb {
  position: relative; }
  .case-details-area .case-video-thumb a {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    background: #13489D;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .case-details-area .case-video-thumb a {
        height: 80px;
        width: 80px;
        line-height: 80px; } }
.case-details-area .case-next-prev {
  position: relative; }
  .case-details-area .case-next-prev .case-prev span {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #90b5c0; }
  .case-details-area .case-next-prev .case-prev .title {
    font-size: 28px; }
  .case-details-area .case-next-prev .case-next span {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #90b5c0; }
  .case-details-area .case-next-prev .case-next .title {
    font-size: 28px; }
  .case-details-area .case-next-prev > a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    @media (max-width: 767px) {
      .case-details-area .case-next-prev > a {
        display: none; } }
@media (max-width: 767px) {
  .case-details-area .case-details-item img {
    width: 100%; } }

/*===============================
    27.TEAM JOIN css 
================================*/
.team-join {
  margin-top: -135px;
  position: relative;
  z-index: 99; }
  .team-join .join-bg {
    background: #dcecff;
    border-radius: 30px;
    padding: 120px 160px 0; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .team-join .join-bg {
        padding: 120px 100px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .team-join .join-bg {
        padding: 120px 60px 0; } }
    @media (max-width: 767px) {
      .team-join .join-bg {
        padding: 120px 5px 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .team-join .join-bg {
        padding: 120px 60px 0; } }
    .team-join .join-bg .team-join-title span {
      font-size: 14px;
      font-weight: 700;
      color: #13489D;
      position: relative; }
      .team-join .join-bg .team-join-title span::before {
        position: absolute;
        content: '';
        right: -100px;
        top: 10px;
        height: 2px;
        width: 70px;
        background: #13489D; }
    .team-join .join-bg .team-join-title .title {
      font-size: 60px;
      line-height: 70px;
      padding-top: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .team-join .join-bg .team-join-title .title {
          font-size: 46px;
          line-height: 56px; } }
      @media (max-width: 767px) {
        .team-join .join-bg .team-join-title .title {
          font-size: 32px;
          line-height: 42px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .team-join .join-bg .team-join-title .title {
          font-size: 46px;
          line-height: 56px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .team-join .join-bg .team-join-btn {
        margin-top: 30px; } }
    @media (max-width: 767px) {
      .team-join .join-bg .team-join-btn {
        margin-top: 30px; } }
    .team-join .join-bg .team-join-btn a {
      border-radius: 0;
      background: #13489D;
      border-color: #13489D;
      color: #fff; }
      .team-join .join-bg .team-join-btn a:hover {
        background-color: transparent;
        color: #13489D; }
    .team-join .join-bg .team-join-thumb {
      margin-bottom: -6px; }

/*===============================
    27.TEAM DETAILS css 
================================*/
.team-details-area .team-details-thumb img {
  width: 100%; }
.team-details-area .team-details-content {
  padding-left: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-details-area .team-details-content {
      margin-top: 30px;
      padding-left: 0; } }
  @media (max-width: 767px) {
    .team-details-area .team-details-content {
      margin-top: 30px;
      padding-left: 0; } }
  .team-details-area .team-details-content .title {
    font-size: 34px;
    padding-bottom: 5px; }
    @media (max-width: 767px) {
      .team-details-area .team-details-content .title {
        font-size: 22px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .team-details-area .team-details-content .title {
        font-size: 32px; } }
  .team-details-area .team-details-content span {
    font-weight: 700;
    color: #13489D;
    padding-bottom: 24px; }
  .team-details-area .team-details-content p {
    color: #69a1bb; }
  .team-details-area .team-details-content ul {
    margin-top: 35px; }
    .team-details-area .team-details-content ul li {
      display: inline-block; }
      .team-details-area .team-details-content ul li a {
        height: 60px;
        width: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 50%;
        background: #e5f6ff;
        color: #69a1bb;
        margin-right: 8px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        @media (max-width: 767px) {
          .team-details-area .team-details-content ul li a {
            width: 45px;
            height: 45px;
            line-height: 45px;
            margin-right: 7px; } }
        .team-details-area .team-details-content ul li a:hover {
          background: #13489D;
          color: #fff; }

/*===============================
    28.SHOP css 
================================*/
.shop-area .shop-sidebar-area {
  padding: 33px 40px 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .shop-area .shop-sidebar-area {
      padding: 33px 20px 30px; } }
  .shop-area .shop-sidebar-area .sidebar-title .title {
    font-size: 20px;
    position: relative; }
    .shop-area .shop-sidebar-area .sidebar-title .title::before {
      height: 4px;
      width: 4px;
      position: absolute;
      content: '';
      background: #13489D;
      left: 30px;
      top: 12px; }
    .shop-area .shop-sidebar-area .sidebar-title .title::after {
      height: 4px;
      width: 18px;
      position: absolute;
      content: '';
      background: #13489D;
      left: 8px;
      top: 12px; }
  .shop-area .shop-sidebar-area .sidebar-list {
    padding-top: 17px; }
    .shop-area .shop-sidebar-area .sidebar-list ul li a {
      color: #75a1af;
      font-size: 14px;
      line-height: 35px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .shop-area .shop-sidebar-area .sidebar-list ul li a i {
        padding-right: 15px; }
      .shop-area .shop-sidebar-area .sidebar-list ul li a:hover {
        color: #002249; }
  .shop-area .shop-sidebar-area .sidebar-tag {
    padding-top: 21px; }
    .shop-area .shop-sidebar-area .sidebar-tag ul li {
      display: inline-block; }
      .shop-area .shop-sidebar-area .sidebar-tag ul li a {
        color: #13489D;
        text-decoration: underline;
        margin: 0 8px;
        font-size: 14px;
        font-weight: 700;
        padding-top: 3px;
        padding-bottom: 5px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .shop-area .shop-sidebar-area .sidebar-tag ul li a {
            margin: 0 5px; } }
  .shop-area .shop-sidebar-area .sidebar-subscribe p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 18px;
    padding-bottom: 15px; }
  .shop-area .shop-sidebar-area .sidebar-subscribe .input-box input {
    width: 100%;
    line-height: 50px;
    padding-left: 30px;
    border: 2px solid #edf1ff;
    color: #7585af;
    font-size: 14px; }
    .shop-area .shop-sidebar-area .sidebar-subscribe .input-box input::placeholder {
      opacity: 1;
      color: #7585af;
      font-size: 14px; }
  .shop-area .shop-sidebar-area .sidebar-subscribe .input-box button {
    padding: 0;
    width: 100%;
    line-height: 50px;
    border-radius: 0;
    margin-top: -2px;
    margin-bottom: 10px;
    background: #13489D;
    border-color: #13489D;
    font-size: 14px; }
.shop-area .shop-top-bar {
  position: relative; }
  .shop-area .shop-top-bar .input-box {
    position: relative;
    display: inline-block;
    margin-left: 120px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .shop-area .shop-top-bar .input-box {
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-area .shop-top-bar .input-box {
        margin-left: 0; } }
    @media (max-width: 767px) {
      .shop-area .shop-top-bar .input-box {
        margin-left: 0; } }
    .shop-area .shop-top-bar .input-box input {
      line-height: 60px;
      border: 0;
      border-radius: 30px;
      width: 270px;
      padding-left: 30px;
      color: #94aebf; }
    .shop-area .shop-top-bar .input-box button {
      position: absolute;
      top: 0;
      right: 0;
      height: 60px;
      width: 60px;
      border-radius: 50%;
      background: #fff;
      border: 0;
      color: #13489D; }
  .shop-area .shop-top-bar .nice-select {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    border: 0;
    line-height: 60px;
    height: auto;
    border-radius: 30px;
    padding-left: 35px;
    color: #42495b;
    font-weight: 700;
    font-size: 14px;
    z-index: 99; }
    @media (max-width: 767px) {
      .shop-area .shop-top-bar .nice-select {
        left: 0;
        right: auto;
        top: -50px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .shop-area .shop-top-bar .nice-select {
        right: 0;
        left: auto;
        top: 50%; } }
    .shop-area .shop-top-bar .nice-select::after {
      width: 8px;
      height: 8px;
      right: 40px;
      border-bottom: 2px solid #13489D;
      border-right: 2px solid #13489D; }
  .shop-area .shop-top-bar p {
    color: #002249;
    font-weight: 700; }
    @media (max-width: 767px) {
      .shop-area .shop-top-bar p {
        padding-top: 30px; } }
.shop-area .shop-item {
  overflow: hidden; }
  .shop-area .shop-item .shop-thumb {
    position: relative; }
    .shop-area .shop-item .shop-thumb img {
      width: 100%; }
    .shop-area .shop-item .shop-thumb .shop-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 40, 72, 0.6);
      opacity: 0;
      -webkit-transition: all 0.5s ease-out 0s;
      -moz-transition: all 0.5s ease-out 0s;
      -ms-transition: all 0.5s ease-out 0s;
      -o-transition: all 0.5s ease-out 0s;
      transition: all 0.5s ease-out 0s; }
      .shop-area .shop-item .shop-thumb .shop-overlay ul {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        white-space: nowrap;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        opacity: 0; }
        .shop-area .shop-item .shop-thumb .shop-overlay ul li {
          display: inline-block; }
          .shop-area .shop-item .shop-thumb .shop-overlay ul li a {
            height: 50px;
            width: 50px;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            background: #fff;
            margin: 0 5px;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
            .shop-area .shop-item .shop-thumb .shop-overlay ul li a:hover {
              color: #fff;
              background: #13489D; }
  .shop-area .shop-item .shop-content {
    padding: 25px 0; }
    .shop-area .shop-item .shop-content .title {
      font-size: 18px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .shop-item .shop-content .title {
          font-size: 17px; } }
    .shop-area .shop-item .shop-content ul {
      padding-top: 5px; }
      .shop-area .shop-item .shop-content ul li {
        display: inline-block;
        margin: 0 8px; }
        .shop-area .shop-item .shop-content ul li:first-child {
          text-decoration: line-through;
          font-size: 14px;
          color: #b2c0d3; }
        .shop-area .shop-item .shop-content ul li:last-child {
          font-weight: 700;
          color: #13489D;
          font-size: 14px; }
  .shop-area .shop-item:hover .shop-thumb .shop-overlay {
    opacity: 1; }
    .shop-area .shop-item:hover .shop-thumb .shop-overlay ul {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.sidebar-add {
  position: relative; }
  .sidebar-add img {
    width: 100%; }
  .sidebar-add span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    line-height: 60px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    white-space: nowrap;
    color: #13489D; }

.page-link:focus {
  box-shadow: none; }

nav .pagination li a {
  border-radius: 50% !important;
  padding: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 48px;
  border-color: #fff;
  margin: 0 7px;
  border: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #70a3bb;
  font-size: 14px;
  font-weight: 700; }
  @media (max-width: 767px) {
    nav .pagination li a {
      height: 45px;
      width: 45px;
      line-height: 45px;
      font-size: 14px; } }
  nav .pagination li a:hover {
    background: #13489D;
    color: #fff;
    border-color: #13489D; }
  nav .pagination li a.active {
    color: #fff;
    background: #13489D; }
nav .pagination li:first-child a {
  color: #002249; }
  nav .pagination li:first-child a:hover {
    color: #fff; }
nav .pagination li:last-child a {
  color: #002249; }
  nav .pagination li:last-child a:hover {
    color: #fff; }
nav .pagination.pagination-2 li a {
  background: #f1fcff; }
  nav .pagination.pagination-2 li a:hover {
    background: #13489D; }
  nav .pagination.pagination-2 li a.active {
    background: #13489D;
    color: #fff; }

.cart-area .cart-table table.table {
  border-bottom: 1px solid #dee2e6; }
  .cart-area .cart-table table.table thead tr th {
    border: none; }
  .cart-area .cart-table table.table tbody tr td {
    color: #002249;
    font-weight: 600;
    vertical-align: middle; }
    .cart-area .cart-table table.table tbody tr td.product-thumbnail a img {
      max-width: 80px; }
    .cart-area .cart-table table.table tbody tr td.product-name a {
      color: #002249;
      font-size: 18px; }
      .cart-area .cart-table table.table tbody tr td.product-name a:hover {
        color: #13489D; }
.cart-area .cart-buttons .shopping-coupon-code {
  position: relative;
  max-width: 80%; }
  .cart-area .cart-buttons .shopping-coupon-code input[type=text] {
    width: 100%;
    height: 60px;
    background: #e1e1e1;
    padding: 0 20px;
    border: none; }
  .cart-area .cart-buttons .shopping-coupon-code .main-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 57px;
    border-radius: 0px; }
    .cart-area .cart-buttons .shopping-coupon-code .main-btn:hover {
      background: #13489D; }
.cart-area .cart-buttons .button-box {
  float: right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-area .cart-buttons .button-box {
      float: none; } }
  @media (max-width: 767px) {
    .cart-area .cart-buttons .button-box {
      float: none; } }
  .cart-area .cart-buttons .button-box .main-btn {
    line-height: 57px; }
    .cart-area .cart-buttons .button-box .main-btn:hover {
      border-color: #13489D;
      color: #13489D; }
.cart-area .coupon-wrapper {
  padding: 40px;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); }
  .cart-area .coupon-wrapper h3.title {
    margin-bottom: 15px; }
  .cart-area .coupon-wrapper ul.list {
    margin: 0 0 25px; }
    .cart-area .coupon-wrapper ul.list li {
      padding: 10px 15px;
      border: 1px solid #eaedff;
      font-weight: 600;
      overflow: hidden; }
      .cart-area .coupon-wrapper ul.list li:first-child {
        border-bottom: none; }
      .cart-area .coupon-wrapper ul.list li:last-child {
        border-top: none; }
      .cart-area .coupon-wrapper ul.list li span {
        float: right; }
  .cart-area .coupon-wrapper .main-btn {
    line-height: 57px; }
    .cart-area .coupon-wrapper .main-btn:hover {
      border-color: #13489D;
      color: #13489D; }

.checkout-area .user-actions {
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 15px 20px;
  border-top: 2px solid #13489D; }
.checkout-area .billing-details h3.title, .checkout-area .order-details h3.title {
  margin-bottom: 30px; }
.checkout-area .billing-details .form-group label {
  display: block;
  color: #002249;
  font-weight: 600; }
  .checkout-area .billing-details .form-group label span {
    color: red; }
.checkout-area .billing-details .form-group .nice-select {
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-radius: 0px;
  color: #002249;
  margin-bottom: 25px; }
  .checkout-area .billing-details .form-group .nice-select ul.list {
    width: 100%; }
.checkout-area .billing-details .form-group input[type=text], .checkout-area .billing-details .form-group textarea {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: solid 1px #e8e8e8; }
.checkout-area .billing-details .form-group textarea {
  padding-top: 10px;
  min-height: 130px; }
.checkout-area .billing-details .form-check {
  margin-bottom: 20px; }
  .checkout-area .billing-details .form-check label {
    font-weight: 600;
    color: #002249; }
.checkout-area .order-details .order-table table.table thead tr th {
  border: none; }
.checkout-area .order-details .order-table tbody tr td {
  color: #002249;
  font-weight: 600;
  vertical-align: middle;
  text-transform: capitalize; }
  .checkout-area .order-details .order-table tbody tr td.product-name a {
    color: #002249;
    font-size: 18px; }
    .checkout-area .order-details .order-table tbody tr td.product-name a:hover {
      color: #13489D; }
.checkout-area .order-details .payment-box {
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  padding: 30px; }
  .checkout-area .order-details .payment-box .main-btn {
    margin-top: 20px; }
    .checkout-area .order-details .payment-box .main-btn:hover {
      border-color: #13489D;
      color: #13489D; }

.privacy-area .content-box {
  padding-bottom: 25px;
  border-bottom: 1px solid #e8e8e8; }
  .privacy-area .content-box:last-child {
    border-bottom: none; }
  .privacy-area .content-box h2 {
    margin-bottom: 20px; }
  .privacy-area .content-box h4 {
    max-width: 80%;
    margin-bottom: 15px; }
  .privacy-area .content-box p {
    margin-bottom: 20px; }
  .privacy-area .content-box ul.list {
    margin-top: 15px; }
    .privacy-area .content-box ul.list li {
      position: relative;
      padding-left: 20px;
      padding-bottom: 15px;
      line-height: 20px; }
      .privacy-area .content-box ul.list li:before {
        position: absolute;
        top: 5px;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #002249;
        content: ''; }

/*===============================
    29.SHOP DETAILS css 
================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-details-area .shop-product-area {
    margin-left: 0; } }
@media (max-width: 767px) {
  .shop-details-area .shop-product-area {
    margin-left: 0; } }
.shop-details-area .shop-product-area .shop-product-item img {
  width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-details-area .shop-details-content {
    margin-left: 0; } }
@media (max-width: 767px) {
  .shop-details-area .shop-details-content {
    margin-left: 0; } }
.shop-details-area .shop-details-content .review {
  margin-top: 12px; }
  .shop-details-area .shop-details-content .review ul {
    padding-bottom: 25px; }
    .shop-details-area .shop-details-content .review ul li {
      display: inline-block;
      margin-right: 2px; }
      .shop-details-area .shop-details-content .review ul li i {
        color: #ffb400; }
      .shop-details-area .shop-details-content .review ul li span {
        font-size: 14px;
        color: #63688e; }
  .shop-details-area .shop-details-content .review > span {
    color: #13489D;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px; }
  .shop-details-area .shop-details-content .review .title {
    font-size: 30px; }
.shop-details-area .shop-details-content .price {
  margin-bottom: 12px;
  margin-top: 15px; }
  .shop-details-area .shop-details-content .price ul li {
    display: inline-block;
    font-size: 50px;
    color: #13489D;
    margin-right: 18px; }
    .shop-details-area .shop-details-content .price ul li:last-child {
      color: #bfc7d3;
      text-decoration: line-through; }
.shop-details-area .shop-details-content .list .list-1 li {
  color: #002249;
  font-weight: 700;
  line-height: 30px; }
.shop-details-area .shop-details-content .list .list-2 {
  margin-left: 30px; }
  .shop-details-area .shop-details-content .list .list-2 li {
    color: #63688e;
    line-height: 30px; }
    .shop-details-area .shop-details-content .list .list-2 li:last-child {
      color: #13489D;
      font-weight: 700; }
.shop-details-area .shop-details-content .overview .title {
  font-size: 30px;
  padding-bottom: 13px;
  padding-top: 23px; }
.shop-details-area .shop-details-content .overview p {
  padding-right: 30px; }
.shop-details-area .shop-details-content .overview .list-2 {
  align-items: center;
  margin-top: 35px; }
  .shop-details-area .shop-details-content .overview .list-2 ul li {
    display: inline-block; }
    .shop-details-area .shop-details-content .overview .list-2 ul li a {
      height: 50px;
      width: 50px;
      background: #d1edff;
      text-align: center;
      line-height: 50px;
      color: #7fb8dc;
      margin-left: 20px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media (max-width: 767px) {
        .shop-details-area .shop-details-content .overview .list-2 ul li a {
          margin-left: 0;
          margin-right: 10px;
          margin-top: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .shop-details-area .shop-details-content .overview .list-2 ul li a {
          margin-left: 20px;
          margin-right: 0px;
          margin-top: 0px; } }
      .shop-details-area .shop-details-content .overview .list-2 ul li a:hover {
        color: #fff;
        background: #13489D; }
.shop-details-area .shop-details-content .overview form > button {
  background: #13489D;
  border-color: #13489D;
  border-radius: 0;
  padding: 0 70px;
  margin-top: 30px; }
.shop-details-area .tab-content .shop-descriptions-area .title {
  font-size: 30px;
  padding-top: 15px;
  padding-bottom: 12px; }
  @media (max-width: 767px) {
    .shop-details-area .tab-content .shop-descriptions-area .title {
      font-size: 24px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .shop-details-area .tab-content .shop-descriptions-area .title {
      font-size: 30px; } }
.shop-details-area .tab-content .shop-descriptions-area p {
  padding-right: 66px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-details-area .tab-content .shop-descriptions-area p {
      padding-right: 0; } }
  @media (max-width: 767px) {
    .shop-details-area .tab-content .shop-descriptions-area p {
      padding-right: 0; } }
.shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list {
  border-bottom: 1px solid #cbeaff; }
  .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 {
    width: 22%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 {
        width: 40%; } }
    @media (max-width: 767px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 {
        width: 50%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 {
        width: 50%; } }
    .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 li {
      color: #002249;
      font-weight: 700;
      line-height: 60px; }
  .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 {
    width: 78%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 {
        width: 60%; } }
    @media (max-width: 767px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 {
        width: 50%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 {
        width: 50%; } }
    .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 li {
      color: #63688e;
      line-height: 60px; }
  .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list:last-child {
    border-bottom: 0; }

.shop-tab {
  position: relative;
  z-index: 5; }
  .shop-tab img {
    position: absolute;
    top: 25px;
    z-index: -1; }
  .shop-tab .nav li a {
    background: #fff;
    line-height: 50px;
    padding: 0 65px;
    border-radius: 0;
    margin: 0 10px;
    border: 2px solid #e7ecf0;
    color: #63688e;
    font-weight: 700; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-tab .nav li a {
        padding: 0 40px; } }
    @media (max-width: 767px) {
      .shop-tab .nav li a {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .shop-tab .nav li a {
        padding: 0 30px;
        margin-bottom: 0; } }
    .shop-tab .nav li a.active {
      background: #13489D;
      border-color: #13489D; }

.product-quantity button {
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: #fff;
  font-size: 18px;
  color: #838b97;
  border: 1px solid #dce1e5; }
  @media (max-width: 767px) {
    .product-quantity button {
      width: 40px;
      height: 40px; } }
.product-quantity input {
  width: 60px;
  height: 50px;
  border: 1px solid #dce1e5;
  padding: 0 10px;
  text-align: center;
  margin: 0 0;
  color: #838b97; }
  @media (max-width: 767px) {
    .product-quantity input {
      height: 40px; } }

/*===============================
    30.BLOG GRID css 
================================*/
.blog-grid-area {
  overflow: hidden; }
  .blog-grid-area .blog-grid-item {
    position: relative; }
    .blog-grid-area .blog-grid-item img {
      width: 100%; }
    .blog-grid-area .blog-grid-item .blog-grid-overlay {
      background-image: -moz-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%);
      background-image: -webkit-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%);
      background-image: -ms-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%);
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      padding: 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-grid-area .blog-grid-item .blog-grid-overlay {
          padding: 20px; } }
      @media (max-width: 767px) {
        .blog-grid-area .blog-grid-item .blog-grid-overlay {
          padding: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-grid-area .blog-grid-item .blog-grid-overlay {
          padding: 40px; } }
      .blog-grid-area .blog-grid-item .blog-grid-overlay > span {
        background: #13489D;
        color: #fff;
        line-height: 26px;
        padding: 0 15px;
        font-size: 12px;
        font-weight: 700; }
      .blog-grid-area .blog-grid-item .blog-grid-overlay .title {
        font-size: 24px;
        color: #fff;
        padding-top: 165px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .blog-grid-area .blog-grid-item .blog-grid-overlay .title {
            font-size: 22px;
            padding-top: 137px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .blog-grid-area .blog-grid-item .blog-grid-overlay .title {
            padding-top: 130px; } }
        @media (max-width: 767px) {
          .blog-grid-area .blog-grid-item .blog-grid-overlay .title {
            padding-top: 130px;
            font-size: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .blog-grid-area .blog-grid-item .blog-grid-overlay .title {
            padding-top: 135px;
            font-size: 24px; } }
      .blog-grid-area .blog-grid-item .blog-grid-overlay ul {
        display: flex;
        justify-content: space-between;
        padding-top: 10px; }
        .blog-grid-area .blog-grid-item .blog-grid-overlay ul li {
          display: inline-block;
          color: #fff;
          opacity: .7; }

/*===============================
    31.BLOG STANDARD css 
================================*/
.blog-sidebar-area .blog-sidebar-item {
  border: 2px solid #ededed;
  padding: 35px 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-sidebar-area .blog-sidebar-item {
      padding: 35px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-sidebar-area .blog-sidebar-item {
      padding: 35px 20px; } }
  @media (max-width: 767px) {
    .blog-sidebar-area .blog-sidebar-item {
      padding: 35px 20px; } }
  .blog-sidebar-area .blog-sidebar-item .sidebar-title .title {
    font-size: 20px;
    padding-left: 45px;
    position: relative; }
    .blog-sidebar-area .blog-sidebar-item .sidebar-title .title::before {
      position: absolute;
      content: '';
      height: 4px;
      width: 4px;
      left: 21px;
      top: 12px;
      background: #13489D; }
    .blog-sidebar-area .blog-sidebar-item .sidebar-title .title::after {
      position: absolute;
      content: '';
      height: 4px;
      width: 18px;
      left: 0;
      top: 12px;
      background: #13489D; }
.blog-sidebar-area .sidebar-about-contnent .title {
  font-size: 18px;
  padding-top: 25px; }
.blog-sidebar-area .sidebar-about-contnent p {
  font-size: 14px;
  padding: 10px 5px 15px; }
.blog-sidebar-area .sidebar-about-contnent ul li {
  display: inline-block; }
  .blog-sidebar-area .sidebar-about-contnent ul li a {
    color: #b3bed3;
    font-size: 14px;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .blog-sidebar-area .sidebar-about-contnent ul li a:hover {
      color: #13489D; }
.blog-sidebar-area .sidebar-search-item .input-box {
  padding-bottom: 5px;
  position: relative; }
  .blog-sidebar-area .sidebar-search-item .input-box input {
    width: 100%;
    line-height: 60px;
    padding-left: 30px;
    background: #f6f4ff;
    border: 0;
    font-size: 12px;
    color: #69a1bb; }
    .blog-sidebar-area .sidebar-search-item .input-box input::placeholder {
      opacity: 1;
      color: #69a1bb;
      font-size: 12px; }
  .blog-sidebar-area .sidebar-search-item .input-box button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 60px;
    width: 60px;
    text-align: center;
    border: 0;
    background: #13489D;
    color: #fff; }
.blog-sidebar-area .sidebar-feeds .sidebar-feeds-item {
  position: relative;
  border-bottom: 1px solid #e3eeff;
  padding-bottom: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item {
      padding-left: 95px; } }
  .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item .title {
    font-size: 14px; }
  .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item span {
    color: #69a1bb;
    font-size: 12px;
    padding-top: 10px; }
    .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item span i {
      padding-right: 6px; }
  .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item img {
    position: absolute;
    left: 0;
    top: -10px; }
  .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item:last-child {
    border-bottom: 0;
    padding-bottom: 10px; }
.blog-sidebar-area .sidebar-categories ul li {
  margin-top: 10px; }
  .blog-sidebar-area .sidebar-categories ul li a {
    width: 100%;
    background: #152136;
    line-height: 50px;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
    position: relative; }
    .blog-sidebar-area .sidebar-categories ul li a span {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 50px;
      line-height: 50px;
      text-align: center;
      padding: 0;
      color: #fff;
      background: #091222;
      font-weight: 700; }
.blog-sidebar-area .sidebar-social ul li {
  display: inline-block; }
  .blog-sidebar-area .sidebar-social ul li a {
    height: 40px;
    width: 40px;
    background: #002249;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 0 4px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-sidebar-area .sidebar-social ul li a {
        margin: 0 1px; } }
    @media (max-width: 767px) {
      .blog-sidebar-area .sidebar-social ul li a {
        margin: 0 1px;
        height: 38px;
        width: 38px;
        line-height: 38px; } }
.blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item {
  border-bottom: 1px solid #e3eeff;
  padding-left: 35px;
  position: relative;
  padding-bottom: 25px;
  margin-top: 25px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item {
      padding-left: 20px; } }
  .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item ul li a {
    font-size: 14px;
    line-height: 24px;
    color: #13489D;
    font-size: 12px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item ul li a {
        font-size: 11px; } }
  .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item span {
    color: #516381;
    font-size: 12px;
    font-weight: 700; }
  .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item i {
    position: absolute;
    top: 7px;
    left: 0;
    color: #32beff; }
  .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
.blog-sidebar-area .sidebar-instagram ul {
  margin-top: 13px;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .blog-sidebar-area .sidebar-instagram ul {
      justify-content: left; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-sidebar-area .sidebar-instagram ul {
      justify-content: space-between; } }
  .blog-sidebar-area .sidebar-instagram ul li {
    display: inline-block; }
    .blog-sidebar-area .sidebar-instagram ul li a img {
      width: 100%; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-sidebar-area .sidebar-instagram ul li a img {
          width: 84%; } }
      @media (max-width: 767px) {
        .blog-sidebar-area .sidebar-instagram ul li a img {
          width: 80%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-sidebar-area .sidebar-instagram ul li a img {
          width: 100%; } }
.blog-sidebar-area .sidebar-tags ul {
  margin-top: 10px; }
  .blog-sidebar-area .sidebar-tags ul li {
    display: inline-block; }
    .blog-sidebar-area .sidebar-tags ul li a {
      background: #f5f2ff;
      color: #81a3bb;
      font-size: 12px;
      line-height: 30px;
      padding: 0 21px;
      margin: 0 3px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-sidebar-area .sidebar-tags ul li a {
          padding: 0 16px;
          margin: 0 1px; } }
      @media (max-width: 767px) {
        .blog-sidebar-area .sidebar-tags ul li a {
          padding: 0 14px;
          margin: 0 1px; } }

.blog-sidebar-add {
  position: relative; }
  .blog-sidebar-add .add-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #13489D;
    text-align: center;
    padding: 20px 40px; }
    .blog-sidebar-add .add-content span {
      color: #fff;
      font-weight: 700;
      font-size: 16px; }
    .blog-sidebar-add .add-content .title {
      font-size: 24px;
      color: #fff;
      white-space: nowrap;
      padding-top: 5px; }

.blog-standard .single-blog-standard .blog-standard-thumb {
  position: relative; }
  .blog-standard .single-blog-standard .blog-standard-thumb img {
    width: 100%; }
  .blog-standard .single-blog-standard .blog-standard-thumb a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #13489D;
    color: #fff;
    border-radius: 50%;
    font-size: 20px; }
    @media (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-thumb a {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 16px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-thumb a {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 20px; } }
.blog-standard .single-blog-standard .blog-standard-content {
  border: 2px solid #ededed;
  border-top: 0;
  padding: 50px; }
  @media (max-width: 767px) {
    .blog-standard .single-blog-standard .blog-standard-content {
      padding: 50px 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-standard .single-blog-standard .blog-standard-content {
      padding: 50px; } }
  .blog-standard .single-blog-standard .blog-standard-content > span {
    background: #13489D;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3px;
    padding: 0 15px;
    line-height: 30px;
    text-transform: uppercase; }
  .blog-standard .single-blog-standard .blog-standard-content .title {
    font-size: 32px;
    line-height: 42px;
    padding-right: 40px;
    padding-top: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-standard .single-blog-standard .blog-standard-content .title {
        padding-right: 0;
        font-size: 27px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blog-standard .single-blog-standard .blog-standard-content .title {
        padding-right: 0;
        font-size: 30px; } }
    @media (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-content .title {
        padding-right: 0;
        font-size: 18px;
        line-height: 28px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-content .title {
        padding-right: 0;
        font-size: 21px;
        line-height: 32px; } }
  .blog-standard .single-blog-standard .blog-standard-content ul {
    padding: 20px 0; }
    .blog-standard .single-blog-standard .blog-standard-content ul li {
      display: inline-block;
      color: #69a1bb;
      font-size: 14px;
      margin-right: 28px; }
      @media (max-width: 767px) {
        .blog-standard .single-blog-standard .blog-standard-content ul li {
          margin-right: 00px;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-standard .single-blog-standard .blog-standard-content ul li {
          margin-right: 20px;
          margin-bottom: 0; } }
      .blog-standard .single-blog-standard .blog-standard-content ul li i {
        padding-right: 6px; }
  .blog-standard .single-blog-standard .blog-standard-content > p {
    color: #69a1bb;
    font-size: 15px;
    padding-bottom: 35px; }
  .blog-standard .single-blog-standard .blog-standard-content .blog-flex {
    display: flex;
    margin-bottom: 7px;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex {
        display: flex; } }
    .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left {
      position: relative;
      padding-left: 55px; }
      @media (max-width: 767px) {
        .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left {
          margin-bottom: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left {
          margin-bottom: 0px; } }
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left p {
        font-weight: 700;
        color: #002249; }
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left span {
        color: #81a3bb; }
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left img {
        position: absolute;
        left: 0;
        top: -5px; }
    .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-right a {
      font-weight: 700;
      letter-spacing: 2px;
      color: #13489D;
      text-transform: uppercase;
      font-size: 14px; }
      .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-right a i {
        padding-right: 15px; }
  .blog-standard .single-blog-standard .blog-standard-content.blog-border {
    border-top: 2px solid #ededed; }

/*===============================
    32.BLOG DETAILS css 
================================*/
.blog-dteails-content {
  border: 2px solid #ededed;
  padding: 50px; }
  @media (max-width: 767px) {
    .blog-dteails-content {
      padding: 50px 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-dteails-content {
      padding: 50px; } }
  .blog-dteails-content .blog-details-top > span {
    background: #13489D;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3px;
    padding: 0 15px;
    line-height: 30px;
    text-transform: uppercase; }
  .blog-dteails-content .blog-details-top .title {
    font-size: 32px;
    line-height: 42px;
    padding-right: 40px;
    padding-top: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-dteails-content .blog-details-top .title {
        padding-right: 0;
        font-size: 27px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blog-dteails-content .blog-details-top .title {
        padding-right: 0;
        font-size: 30px; } }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-top .title {
        padding-right: 0;
        font-size: 18px;
        line-height: 28px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-top .title {
        padding-right: 0;
        font-size: 21px;
        line-height: 32px; } }
  .blog-dteails-content .blog-details-top ul {
    padding: 20px 0; }
    .blog-dteails-content .blog-details-top ul li {
      display: inline-block;
      color: #69a1bb;
      font-size: 14px;
      margin-right: 28px; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-top ul li {
          margin-right: 00px;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-top ul li {
          margin-right: 20px;
          margin-bottom: 0; } }
      .blog-dteails-content .blog-details-top ul li i {
        padding-right: 6px; }
  .blog-dteails-content .blog-details-top > p {
    color: #69a1bb;
    font-size: 15px;
    padding-bottom: 35px; }
  .blog-dteails-content .blog-details-bath img {
    width: 100%; }
  .blog-dteails-content .blog-details-bath .title {
    font-size: 30px;
    padding-top: 40px;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-bath .title {
        font-size: 26px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-bath .title {
        font-size: 26px; } }
  .blog-dteails-content .blog-details-bath p {
    border-bottom: 1px solid #ededed;
    padding-bottom: 35px; }
  .blog-dteails-content .blog-details-bath ul {
    padding-left: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-dteails-content .blog-details-bath ul {
        padding-left: 18px; } }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-bath ul {
        padding-left: 0px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-bath ul {
        padding-left: 30px; } }
    .blog-dteails-content .blog-details-bath ul li {
      color: #69a1bb;
      line-height: 30px; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-bath ul li {
          font-size: 13px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-bath ul li {
          font-size: 15px; } }
  .blog-dteails-content .blog-details-quote {
    background: #f3f5ff;
    border-radius: 10px;
    padding: 50px 50px 57px;
    position: relative;
    z-index: 5; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-quote {
        padding: 50px 10px 57px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-quote {
        padding: 50px 50px 57px; } }
    .blog-dteails-content .blog-details-quote p {
      color: #002249;
      font-weight: 700; }
      .blog-dteails-content .blog-details-quote p span {
        color: #81a3bb; }
    .blog-dteails-content .blog-details-quote .title {
      line-height: 38px;
      padding-top: 13px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-dteails-content .blog-details-quote .title {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-quote .title {
          font-size: 17px;
          line-height: 27px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-quote .title {
          font-size: 19px;
          line-height: 29px; } }
    .blog-dteails-content .blog-details-quote i {
      font-size: 190px;
      color: #e4e9ff;
      z-index: -1;
      position: absolute;
      bottom: 15px;
      right: 30px; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-quote i {
          font-size: 90px; } }
  @media (max-width: 767px) {
    .blog-dteails-content .blog-details-confarance .confarance-flex {
      display: block !important; } }
  .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 {
    width: 50%; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 {
        width: 100%; } }
    .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 img {
      width: 100%;
      padding-top: 10px; }
  .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-2 {
    width: 83%;
    padding-left: 35px; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-2 {
        padding-left: 0;
        width: 100%;
        padding-top: 20px; } }
  @media (max-width: 767px) {
    .blog-dteails-content .blog-details-bar {
      display: block !important; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-dteails-content .blog-details-bar {
      display: flex !important; } }
  .blog-dteails-content .blog-details-bar .blog-tags .title {
    font-size: 20px;
    text-transform: capitalize; }
  .blog-dteails-content .blog-details-bar .blog-tags ul li {
    display: inline-block; }
    .blog-dteails-content .blog-details-bar .blog-tags ul li a {
      background: #f5f2ff;
      color: #002249;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 30px;
      padding: 0 20px;
      margin-right: 7px;
      margin-top: 27px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-bar .blog-tags ul li a {
          margin-right: 2px;
          padding: 0 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-bar .blog-tags ul li a {
          margin-right: 0;
          padding: 0 10px; } }
      .blog-dteails-content .blog-details-bar .blog-tags ul li a:hover {
        background: #13489D;
        color: #fff; }
  @media (max-width: 767px) {
    .blog-dteails-content .blog-details-bar .blog-social {
      text-align: left !important; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-dteails-content .blog-details-bar .blog-social {
      text-align: right !important; } }
  .blog-dteails-content .blog-details-bar .blog-social .title {
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-bar .blog-social .title {
        margin-top: 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-bar .blog-social .title {
        margin-top: 0px; } }
  .blog-dteails-content .blog-details-bar .blog-social ul li {
    display: inline-block; }
    .blog-dteails-content .blog-details-bar .blog-social ul li a {
      color: #b5becc;
      font-size: 18px;
      margin-left: 28px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-bar .blog-social ul li a {
          margin-left: 0;
          margin-right: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-bar .blog-social ul li a {
          margin-left: 20px;
          margin-right: 0px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-bar .blog-social ul li a {
          margin-left: 15px; } }
      .blog-dteails-content .blog-details-bar .blog-social ul li a:hover {
        color: #13489D; }
  .blog-dteails-content .blog-details-next-prev {
    border-top: 1px solid #e3eeff;
    border-bottom: 1px solid #e3eeff;
    position: relative; }
    .blog-dteails-content .blog-details-next-prev .post-prev a span {
      color: #6c90b9;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .blog-dteails-content .blog-details-next-prev .post-prev a .title {
      font-size: 28px;
      text-transform: capitalize;
      padding-top: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-dteails-content .blog-details-next-prev .post-prev a .title {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev .post-prev a .title {
          font-size: 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev .post-prev a .title {
          font-size: 18px; } }
    .blog-dteails-content .blog-details-next-prev .post-next a span {
      color: #6c90b9;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .blog-dteails-content .blog-details-next-prev .post-next a .title {
      font-size: 28px;
      text-transform: capitalize;
      padding-top: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-dteails-content .blog-details-next-prev .post-next a .title {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev .post-next a .title {
          font-size: 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev .post-next a .title {
          font-size: 18px; } }
    .blog-dteails-content .blog-details-next-prev > a {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev > a {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-next-prev > a {
          display: block; } }
  .blog-dteails-content .blog-details-releted-post .title {
    font-size: 26px;
    padding-bottom: 5px; }
  .blog-dteails-content .blog-details-releted-post .blog-details-releted-item {
    box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06); }
    .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-thumb img {
      width: 100%; }
    .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content {
      padding: 35px 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content {
          padding: 35px 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content {
          padding: 35px 20px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content {
          padding: 35px 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content {
          padding: 35px 40px; } }
      .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content span {
        font-size: 14px;
        color: #69a1bb;
        padding-bottom: 5px; }
        .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content span i {
          padding-right: 5px; }
      .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title {
        font-size: 20px;
        line-height: 30px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title {
            font-size: 17px; } }
        @media (max-width: 767px) {
          .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title {
            font-size: 18px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title {
            font-size: 20px; } }
      .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content p {
        font-size: 14px;
        line-height: 26px;
        padding-top: 3px; }
  .blog-dteails-content .blog-details-written {
    border: 2px solid #e3eeff;
    padding: 40px; }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-written {
        padding: 15px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .blog-dteails-content .blog-details-written {
        padding: 31px; } }
    @media (max-width: 767px) {
      .blog-dteails-content .blog-details-written .written-area {
        display: block !important; } }
    .blog-dteails-content .blog-details-written .written-area .written-thumb {
      width: 100%; }
      .blog-dteails-content .blog-details-written .written-area .written-thumb img {
        width: 100%; }
    .blog-dteails-content .blog-details-written .written-area .written-content {
      padding-left: 40px; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-written .written-area .written-content {
          padding-left: 0; } }
      .blog-dteails-content .blog-details-written .written-area .written-content span {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #69a1bb; }
        @media (max-width: 767px) {
          .blog-dteails-content .blog-details-written .written-area .written-content span {
            padding-top: 20px; } }
      .blog-dteails-content .blog-details-written .written-area .written-content .title {
        font-size: 36px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .blog-dteails-content .blog-details-written .written-area .written-content .title {
            font-size: 30px; } }
        @media (max-width: 767px) {
          .blog-dteails-content .blog-details-written .written-area .written-content .title {
            font-size: 22px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .blog-dteails-content .blog-details-written .written-area .written-content .title {
            font-size: 30px; } }
      .blog-dteails-content .blog-details-written .written-area .written-content p {
        font-size: 14px;
        color: #69a1bb;
        line-height: 26px;
        padding-top: 7px; }
  .blog-dteails-content .blog-details-comments {
    position: relative; }
    .blog-dteails-content .blog-details-comments > .title {
      font-size: 26px;
      padding-bottom: 5px; }
    .blog-dteails-content .blog-details-comments .blog-comments-area {
      margin-top: 40px;
      padding-left: 130px;
      position: relative;
      border-bottom: 1px solid #e3eeff;
      padding-bottom: 25px; }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-comments .blog-comments-area {
          padding-left: 0px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-comments .blog-comments-area {
          padding-left: 110px; } }
      .blog-dteails-content .blog-details-comments .blog-comments-area .blog-left .title {
        font-size: 18px; }
      .blog-dteails-content .blog-details-comments .blog-comments-area .blog-left span {
        font-size: 12px;
        color: #13489D;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding-top: 5px;
        padding-bottom: 15px; }
      .blog-dteails-content .blog-details-comments .blog-comments-area .blog-right a {
        color: #69a1bb;
        font-weight: 700;
        font-size: 14px;
        line-height: 40px;
        border: 2px solid #e3eeff;
        padding: 0 20px;
        border-radius: 30px; }
      .blog-dteails-content .blog-details-comments .blog-comments-area p {
        font-size: 14px; }
      .blog-dteails-content .blog-details-comments .blog-comments-area img {
        position: absolute;
        left: 0;
        top: -10px; }
        @media (max-width: 767px) {
          .blog-dteails-content .blog-details-comments .blog-comments-area img {
            width: 18%;
            position: inherit;
            top: 0;
            padding: 15px 0; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .blog-dteails-content .blog-details-comments .blog-comments-area img {
            width: 18%;
            position: absolute;
            top: -10px;
            padding: 0; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-comments .blog-comments-area.ml-125 {
          margin-left: 50px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-comments .blog-comments-area .d-flex {
          display: block !important; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-comments .blog-comments-area .d-flex {
          display: flex !important; } }
  .blog-dteails-content .blog-details-post-comments {
    margin-top: 40px; }
    .blog-dteails-content .blog-details-post-comments .title {
      font-size: 26px;
      padding-bottom: 30px; }
    .blog-dteails-content .blog-details-post-comments .post-comments-area {
      padding: 30px 50px 50px; }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-dteails-content .blog-details-post-comments .post-comments-area {
          padding: 30px 50px 50px; } }
      @media (max-width: 767px) {
        .blog-dteails-content .blog-details-post-comments .post-comments-area {
          padding: 20px; } }
      .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box textarea {
        width: 100%;
        border: 0;
        height: 150px;
        resize: none;
        padding-top: 20px;
        padding-left: 30px; }
        .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box textarea::placeholder {
          opacity: 1;
          font-size: 14px;
          color: #6b93aa; }
      .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box input {
        width: 100%;
        border: 0;
        line-height: 60px;
        padding-left: 30px; }
        .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box input::placeholder {
          opacity: 1;
          color: #6b93aa;
          font-size: 14px; }
      .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button {
        background: #ff4b57;
        line-height: 60px;
        padding: 0 60px;
        border-color: #ff4b57;
        border-radius: 30px;
        text-transform: capitalize;
        font-size: 14px; }
        @media (max-width: 767px) {
          .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button {
            line-height: 50px;
            padding: 0 30px; } }
        .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button i {
          padding-right: 6px; }

/*===============================
    33.ERROR css 
================================*/
.error-area {
  overflow: hidden; }
  .error-area .error-item .title {
    font-size: 80px;
    line-height: 90px;
    padding-top: 45px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .error-area .error-item .title {
        font-size: 60px;
        line-height: 70px; } }
    @media (max-width: 767px) {
      .error-area .error-item .title {
        font-size: 25px;
        line-height: 35px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .error-area .error-item .title {
        font-size: 46px;
        line-height: 56px; } }
  .error-area .error-item span {
    font-size: 24px;
    color: #69a1bb;
    padding-top: 25px; }
    @media (max-width: 767px) {
      .error-area .error-item span {
        font-size: 18px; } }
  .error-area .error-item .syotimer .syotimer__body {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .error-area .error-item .syotimer .syotimer__body {
        display: block !important; } }
    .error-area .error-item .syotimer .syotimer__body .syotimer-cell {
      display: inline-block;
      height: 250px;
      width: 250px;
      border: 10px solid #f6fcff;
      border-radius: 50%;
      position: relative;
      z-index: 2;
      padding-top: 75px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .error-area .error-item .syotimer .syotimer__body .syotimer-cell {
          height: 200px;
          width: 200px;
          padding-top: 50px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .error-area .error-item .syotimer .syotimer__body .syotimer-cell {
          height: 150px;
          width: 150px;
          padding-top: 30px; } }
      @media (max-width: 767px) {
        .error-area .error-item .syotimer .syotimer__body .syotimer-cell {
          height: 200px;
          width: 200px;
          margin: 20px 0;
          padding-top: 50px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .error-area .error-item .syotimer .syotimer__body .syotimer-cell {
          height: 200px;
          width: 200px;
          margin: 20px;
          padding-top: 50px; } }
      .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before {
        position: absolute;
        content: '';
        height: 108%;
        width: 108%;
        border-radius: 50%;
        border: 10px solid transparent;
        left: -10px;
        top: -10px;
        z-index: -1;
        border-left-color: #13489D;
        border-right-color: #13489D;
        transform: rotate(-45deg); }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before {
            height: 110%;
            width: 110%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before {
            height: 114%;
            width: 117%; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before {
            height: 111%;
            width: 111%; } }
      .error-area .error-item .syotimer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 50px;
        font-weight: 700;
        font-family: "GilroyBold";
        color: #002249;
        line-height: 50px; }
      .error-area .error-item .syotimer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-weight: 700;
        color: #69a1bb; }

/*===============================
    34.CONTACT css 
================================*/
.contact-details-area .contact-info {
  border: 1px solid #ededed; }
  @media (max-width: 767px) {
    .contact-details-area .contact-info {
      margin-right: 0; } }
  .contact-details-area .contact-info .contact-item-1 {
    display: flex; }
    @media (max-width: 767px) {
      .contact-details-area .contact-info .contact-item-1 {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .contact-details-area .contact-info .contact-item-1 {
        display: flex; } }
    .contact-details-area .contact-info .contact-item-1 .contact-info-item {
      border: 1px solid #ededed;
      width: 100%;
      padding: 55px 0 50px; }
      .contact-details-area .contact-info .contact-item-1 .contact-info-item i {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        background: #13489D;
        text-align: center;
        line-height: 80px;
        color: #fff;
        font-size: 24px; }
      .contact-details-area .contact-info .contact-item-1 .contact-info-item .title {
        font-size: 24px;
        padding-top: 25px; }
      .contact-details-area .contact-info .contact-item-1 .contact-info-item p {
        font-size: 18px;
        color: #69a1bb;
        padding-top: 5px; }
.contact-details-area .map-area iframe {
  width: 100%;
  height: 550px; }

/*===============================
    35.WHO WE ARE css 
================================*/
.who-we-are-area {
  position: relative;
  z-index: 5;
  padding-top:110px;
  padding-bottom:120px;}
  .who-we-are-area .section-title .title {
    font-size: 55px;
    color: #232323;
    margin-bottom: 38px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .who-we-are-area .section-title .title {
        font-size: 42px;
        line-height: 52px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .who-we-are-area .section-title .title {
        font-size: 46px;
        line-height: 56px;
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .who-we-are-area .section-title .title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .who-we-are-area .section-title .title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 0; } }
    .who-we-are-area .section-title .title::before {
      display: none; }
  .who-we-are-area .section-title p {

    padding-right: 15px;
    line-height: 28px;
    /* color: #616161; */
    padding-top: 25px; }
  .who-we-are-area .what-we-do-item {
    box-shadow: 0px 10px 29.7px 0.3px rgba(225, 225, 225, 0.64);
    padding: 45px 20px 50px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
    z-index: 5;
    /* margin-top:30px; */
    }
    .who-we-are-area .what-we-do-item > i {
      font-size: 50px;
      color: #13489D;
      padding-bottom: 35px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .who-we-are-area .what-we-do-item .title {
      font-size: 22px;
      color: #232323;
      font-weight:500;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }

    .who-we-are-area .what-we-do-item p {
      color: #616161;
      font-size: 15px;
      padding-top: 10px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      
    .who-we-are-area .what-we-do-item:hover {
      background: #13489D; }
      .who-we-are-area .what-we-do-item:hover i {
        color: #fff; }
      .who-we-are-area .what-we-do-item:hover .title {
        color: #fff; }
      .who-we-are-area .what-we-do-item:hover p {
        color: #fff; }
      .who-we-are-area .what-we-do-item:hover a {
        /* background: #fff; */ }
        .who-we-are-area .what-we-do-item:hover a i {
          color: #fff; }
    .who-we-are-area .what-we-do-item::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url(../images/what-we-are-dot.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
  .who-we-are-area .what-we-are-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
    @media (max-width: 767px) {
      .who-we-are-area .what-we-are-shape-1 {
        width: 40%; } }
  .who-we-are-area .what-we-are-shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1; }
    @media (max-width: 767px) {
      .who-we-are-area .what-we-are-shape-2 {
        width: 40%; } }
.who-we-are-area .area-content {
	height:550px;
}
.who-we-are-area .area-content .area-column{
	height:550px;
}
.who-we-are-area .area-content .area-column .area-about-us{
	margin-top:30px;
}

.who-we-are-area .num-introduce {
	margin:0 45px;
}
.who-we-are-area .icon-introduce {
	margin: 0 20px;
    width: 25%;
}

.who-we-are-area .icon-introduce a {
	width: 100%;
	margin-top:30px;
}

.usnumber {
	margin-top:30px;
	display: grid;
	text-align:center;
}   
.usnumber-point {
	font-size: 40px;
    font-weight: 900;
    color: #13489D;
}
.usnumber-tail {
	font-size: 16px;
    color: #13489D;
    line-height: 70px;
    margin-left: 6px;
}
.usnumber-detail {
	/*font-size: 16px;*/
    /*color: #484444;*/
    text-align:center;
}
@media (min-width: 1600px) {
	.who-we-are-area .area-content {
		height:600px;
	}
	.who-we-are-area .area-content .area-column {
		height:600px;
	}
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.who-we-are-area {
	  padding-top:90px;
	  padding-bottom:100px;}
 	.who-we-are-area .num-introduce {
		margin:0 30px; } 
	.who-we-are-area .icon-introduce {
	    margin: 0 20px;
    	width: 25%;
	}
	.who-we-are-area .what-we-do-item {
 		padding: 30px 20px 30px;
 	}
	.who-we-are-area .icon-introduce .title{
		font-size:16px;
	}
	.usnumber-point {
		font-size: 40px;
	}
	.usnumber-tail {
		font-size: 16px;
	}
	.usnumber-detail {
		font-size: 16px;
	}
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 	.who-we-are-area {
	  padding-top:70px;
	  padding-bottom:80px;}
	.who-we-are-area .area-content {
		height:400px;
	}
	.who-we-are-area .area-content .area-column{
		height:400px;
	}
 	.who-we-are-area .num-introduce {
		margin:0 10px; } 
	.who-we-are-area .icon-introduce {
		margin: 0 10px;
	}
	.usnumber {
		margin-top:5px;
		display: grid;
	}
	.usnumber-point {
		font-size: 30px;
	}
	.usnumber-tail {
		font-size: 13px;
	}
	.usnumber-detail {
		font-size: 15px;
	}
	.who-we-are-area .area-content .area-column .area-about-us{
		margin-top:0px;
	}
	.who-we-are-area .section-title p {
	    font-size: 14px;
	    padding-top: 10px; 
	}
	.who-we-are-area .what-we-do-item {
	    padding: 10px 10px;
	    margin-top:20;}
    .who-we-are-area .what-we-do-item > i {
    	font-size:35px;
    	padding-bottom:15px;
    }
    .who-we-are-area .what-we-do-item .title{
    	font-size:14px;
    }
 }
@media only screen and (min-width: 576px) and (max-width: 767px)  {
	.who-we-are-area {
	  padding-top:40px;
	  padding-bottom:50px;}
	.who-we-are-area .area-content {
		height:auto;
	}
	.who-we-are-area .area-content .area-column{
		height:400px;
	}
	.who-we-are-area .num-introduce {
		margin:0 40px; }
	.who-we-are-area .icon-introduce {
		margin: 20px 20px 0;
	    width: 25%;
	}
	.usnumber-point {
		font-size: 30px;
	}
	.usnumber-tail {
		font-size: 13px;
	}
	.usnumber-detail {
		font-size: 15px
	}
	.who-we-are-area .area-content .area-column .area-about-us{
		margin-top:0px;
	}
}
@media (max-width: 575px) {
	.who-we-are-area {
	   	padding-top:30px;
	   	padding-bottom:50px;}
	.who-we-are-area .area-content {
		height:auto;
	}
	.who-we-are-area .area-content .area-column{
		height:auto;
	}
	.who-we-are-area .num-introduce {
		margin:0 22px; }
	.who-we-are-area .icon-introduce {
		margin: 20px 10px 0;
	    width: 25%;
	}
	.usnumber{
		text-align:center;
	}
	.usnumber-point {
		font-size: 27px;
	}
	.usnumber-tail {
		font-size: 13px;
		margin-left: 0;
	}
	.usnumber-detail {
		font-size: 14px;
		text-align:center;
	}
	.who-we-are-area .section-title p {
	    font-size: 14px;
	    padding-top: 10px; 
    	line-height: 28px;
    	text-indent: 2em;
	}
	.who-we-are-area .what-we-do-item {
	    padding: 15px 10px;
	    margin-top:0;}
    .who-we-are-area .what-we-do-item > i {
    	font-size:35px;
    	padding-bottom:15px;
    }
    .who-we-are-area .what-we-do-item .title{
    	font-size:14px;
    }
}




/*===============================
    36.SOLUTION css 
================================*/
.solution-area .solution-overlay {
  background-color: rgba(16, 16, 40, 0.8);
  padding-bottom: 355px; }
  .solution-area .solution-overlay .solution-content {
    border: 10px solid rgba(255, 255, 255, 0.15);
    padding: 40px  70px 50px;
    margin-right: 70px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .solution-area .solution-overlay .solution-content {
        margin-right: 0; } }
    @media (max-width: 767px) {
      .solution-area .solution-overlay .solution-content {
        margin-right: 0;
        padding: 50px 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .solution-area .solution-overlay .solution-content {
        margin-right: 0;
        padding: 40px  70px 50px; } }
    .solution-area .solution-overlay .solution-content .title {
      font-size: 55px;
      color: #fff;
      line-height: 65px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .solution-area .solution-overlay .solution-content .title {
          font-size: 40px;
          line-height: 50px; } }
      @media (max-width: 767px) {
        .solution-area .solution-overlay .solution-content .title {
          font-size: 30px;
          line-height: 40px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .solution-area .solution-overlay .solution-content .title {
          font-size: 36px;
          line-height: 46px; } }
    .solution-area .solution-overlay .solution-content p {
      font-size: 15px;
      color: #fff;
      padding-top: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solution-play {
    text-align: left !important;
    margin-top: 40px; } }
@media (max-width: 767px) {
  .solution-play {
    text-align: center !important;
    margin-top: 40px;
    margin-right: 0; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .solution-play {
    text-align: left !important;
    margin-top: 40px; } }
.solution-play a {
  height: 80px;
  width: 80px;
  background: #fff;
  color: #13489D;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  position: relative;
  z-index: 5; }
  .solution-play a::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-animation: play-btn-1 1.8s linear infinite;
    -moz-animation: play-btn-1 1.8s linear infinite;
    -o-animation: play-btn-1 1.8s linear infinite;
    animation: play-btn-1 1.8s linear infinite; }
  .solution-play a::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-animation: play-btn-2 1.5s linear infinite;
    -moz-animation: play-btn-2 1.5s linear infinite;
    -o-animation: play-btn-2 1.5s linear infinite;
    animation: play-btn-2 1.5s linear infinite; }

/*===============================
    36.LATEST SERVICES css 
================================*/
.services-title-area {
  /* margin-top: -235px; */
  background: #13489D;
  height: 535px;
  margin-left: 70px;
  margin-right: 70px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .services-title-area {
      margin-left: 20px;
      margin-right: 20px;
      height: 430px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-title-area {
      margin-left: 20px;
      margin-right: 20px;
      height: 450px; } }
  @media (max-width: 767px) {
    .services-title-area {
      margin-left: 0px;
      margin-right: 0px;
      height: 490px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-title-area {
      margin-left: 20px;
      margin-right: 20px;
      height: 470px; } }
  .services-title-area .services-title-item {
    padding-top: 112px;
    position: relative;
    z-index: 5; }
    .services-title-area .services-title-item span {
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 3px; }
    .services-title-area .services-title-item .title {
      font-size: 55px;
      line-height: 65px;
      color: #fff;
      padding: 0 210px;
      padding-top: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .services-title-area .services-title-item .title {
          font-size: 40px;
          line-height: 50px;
          padding: 0 190px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .services-title-area .services-title-item .title {
          font-size: 36px;
          line-height: 46px;
          padding: 0 120px; } }
      @media (max-width: 767px) {
        .services-title-area .services-title-item .title {
          font-size: 30px;
          line-height: 40px;
          padding: 20px 0px 0; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .services-title-area .services-title-item .title {
          font-size: 36px;
          line-height: 46px;
          padding: 20px 0; } }
    .services-title-area .services-title-item::before {
      position: absolute;
      content: '';
      height: 145px;
      width: 145px;
      border: 10px solid rgba(255, 255, 255, 0.1);
      top: 110px;
      left: 10px;
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg);
      z-index: -1;
      -webkit-animation: rotate 30s linear infinite;
      -moz-animation: rotate 30s linear infinite;
      -o-animation: rotate 30s linear infinite;
      animation: rotate 30s linear infinite; }
    .services-title-area .services-title-item::after {
      position: absolute;
      content: '';
      height: 80px;
      width: 80px;
      border: 10px solid rgba(255, 255, 255, 0.1);
      top: 310px;
      right: 10px;
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg);
      z-index: -1;
      -webkit-animation: rotate-2 30s linear infinite;
      -moz-animation: rotate-2 30s linear infinite;
      -o-animation: rotate-2 30s linear infinite;
      animation: rotate-2 30s linear infinite; }
    .services-title-area .services-title-item .ring-shape {
      position: absolute;
      height: 60px;
      width: 60px;
      border-radius: 50%;
      border: 5px solid rgba(255, 255, 255, 0.1);
      top: 80px;
      right: 50px;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-animation: scale 15s linear infinite;
      -moz-animation: scale 15s linear infinite;
      -o-animation: scale 15s linear infinite;
      animation: scale 15s linear infinite;
      z-index: -1; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate-2 {
  0% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
.latest-services-area {
  margin-bottom: 65px;
  margin-top: -215px;
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .latest-services-area {
      margin-top: -170px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-services-area {
      margin-top: -200px; } }
  .latest-services-area .single-services .services-thumb img {
    width: 100%; }
  .latest-services-area .single-services .services-content .title {
    font-size: 26px;
    color: #232323;
    padding-top: 45px;
    border-bottom: 2px #e3eeff solid;
    padding-bottom: 25px;
    position: relative; }
    .latest-services-area .single-services .services-content .title::before {
      position: absolute;
      content: '';
      width: 80px;
      height: 3px;
      background: #13489D;
      left: 0;
      bottom: -3px; }
  .latest-services-area .single-services .services-content p {
    font-size: 15px;
    color: #616161;
    line-height: 32px;
    padding-top: 32px; }
  .latest-services-area .single-services .services-content a {
    font-weight: 700;
    color: #232323;
    line-height: 50px;
    padding: 0 30px;
    border: 3px solid #13489D;
    border-radius: 5px;
    margin-top: 37px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .latest-services-area .single-services .services-content a:hover {
      background: #13489D;
      color: #fff;
      border-color: #13489D; }

/*===============================
    36.WHY CHOOSE css 
================================*/
.why-choose-area {
  /* background: #101028; */
  background: #1f1f7b;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
  z-index: 9; }
.why-choose-area .section-title span {
    color: #fff; }
.why-choose-area .section-title .title {
    color: #fff;
    font-size: 45px;
    line-height: 66px;
    padding-bottom: 3px; }
.why-choose-area .section-title .title::before {
    display: none; }
.why-choose-area .single-choose .icon-box {
    height: 175px;
    width: 175px;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    /* border: 2px solid #252543; */
    background: radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
    position: relative;
    display: inline-block;
    z-index: 5; }
.why-choose-area .single-choose .icon-box i {
    font-size: 60px;
    color: #fff; }
.why-choose-area .single-choose .icon-box span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: rotate-2 30s linear infinite;
    -moz-animation: rotate-2 30s linear infinite;
    -o-animation: rotate-2 30s linear infinite;
    animation: rotate-2 30s linear infinite; }
.why-choose-area .single-choose .icon-box span::before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    background: #fff;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%; }
.why-choose-area .single-choose .icon-box span::after {
    position: absolute;
    content: '';
    height: 7px;
    width: 7px;
    background: #fff;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%; }
.why-choose-area .single-choose h4 {
    font-size: 26px;
    color: #fff;
    padding-top: 50px; }
.why-choose-area .single-choose p {
    font-size: 15px;
    line-height: 32px;
    color: #c7c7ff;
    padding: 0 20px;
    padding-top: 20px; }

.why-choose-area .choose-dot {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1; }
    .why-choose-area .choose-dot img {
      width: 100%; }
.why-choose-area .choose-shape {
    position: absolute;
    left: 0;
    top: -170px;
    z-index: -1; }
.why-choose-area .choose-shape img {
      width: 100%; }
.why-choose-area .why-choose-item {
	
}
.why-choose-area .why-choose-item p {
	width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.why-choose-area .section-title .title {
        font-size: 44px;
        line-height: 56px; }
    .why-choose-area .single-choose p {
        padding: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .why-choose-area .section-title .title {
        font-size: 44px;
        line-height: 56px; }
    .why-choose-area .single-choose p {
        padding: 0;
        padding-top: 20px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .why-choose-area .section-title .title {
        font-size: 36px;
        line-height: 46px; } 
    .why-choose-area .single-choose p {
        padding: 0 20px;
        padding-top: 20px; }
        
}
@media (max-width: 575px) {
    .why-choose-area .section-title .title {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 15px; }
    .why-choose-area .single-choose p {
        padding: 0;
        padding-top: 20px; }
    .why-choose-area {
    	padding:40px 0;
    }
    .why-choose-area .single-choose h4 {
    	font-size:22px;
    	padding-top:20px;
    }
    
    .why-choose-area .single-choose .icon-box {
    	height:135px;
    	width:135px;
    	line-height:150px;
    }
    .why-choose-area .single-choose .icon-box i {
    	font-size:50px;
    }
    
}


/*===============================
    36.CASE STUDIES css 
================================*/
.case-studies-area {
  padding-top: 90px;
  padding-bottom: 50px;
  overflow: hidden; }
.case-studies-area .section-title span {
    letter-spacing: 3px; }
.case-studies-area .section-title .title {
    font-size: 55px;
    line-height: 65px;
    padding-bottom: 5px; }

.case-studies-area .section-title .title::before {
    display: none; }
.case-studies-area .single-case-studies {
    position: relative;
    margin:50px 8px 0; }
.case-studies-area .single-case-studies img {
    width: 100%;
    height:270px; }
.case-studies-area .single-case-studies .case-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(359deg, #494949 0%, rgba(255, 255, 255, 0) 50%); }
.case-studies-area .single-case-studies .case-overlay span {
    color: #fff;
    font-weight: 700; }
.case-studies-area .single-case-studies .case-overlay .title {
  	font-size: 18px;
  	color: #fff;
  	line-height: 30px; 
  	width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight:500;
    height:60px;
}
.case-studies-area .single-case-studies .case-overlay a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #13489D;
    color: #fff;
    font-size: 20px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px; }
.case-studies-area .single-case-studies .case-overlay .item {
    position: absolute;
    left: 20px;
    bottom: 10px;
    right:20px; }
.case-studies-area .swiper-container .col-lg-3 {
  padding-left: 0;
  padding-right: 0; }
.case-studies-area .swiper-container .col-lg-3 a {
  width: 100%; }
.case-studies-area .swiper-container .slick-arrow {
  position: absolute;
  top: -30px;
  right: 20px;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 58px;
  border: 2px solid #ededed;
  border-radius: 50%;
  color: #13489D;
  background: #fff;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
.case-studies-area .swiper-container .slick-arrow:hover {
  background: #13489D;
  color: #fff;
  border-color: #13489D; }
.case-studies-area .swiper-container .slick-arrow.next {
  right: 305px; 
  display: block;}
.case-studies-area .swiper-container .slick-arrow.prev {
  right: 380px;
  display: block; }
.case-studies-area .container-fluid {
  padding-left: 0;
  padding-right: 0; }
.case-studies-area .area-title {
	
}

@media (min-width: 1600px) {
	.case-studies-area .single-case-studies img {
	    height:330px; 
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .case-studies-area .single-case-studies .case-overlay .item {
    bottom: 10px;}
  .case-studies-area .swiper-container .slick-arrow.prev {
    right: 160px; }
  .case-studies-area .swiper-container .slick-arrow.next {
    right: 85px; }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case-studies-area {
	  padding-top: 90px;
	  padding-bottom: 60px;}
  .case-studies-area .single-case-studies .case-overlay .item {
    bottom: 10px;}
  .case-studies-area .swiper-container .slick-arrow.prev {
    right: 120px; }
  .case-studies-area .swiper-container .slick-arrow.next {
    right: 40px; }
  .case-studies-area .section-title .title {
    font-size: 44px;
    line-height: 54px; }
  .case-studies-area .single-case-studies img {
    height:230px; }
  .case-studies-area .single-case-studies .case-overlay .title {
	  	font-size: 18px;
	  	line-height: 28px;
	  	height: 56px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case-studies-area {
	  padding-top: 70px;
	  padding-bottom: 50px;}
  .case-studies-area .single-case-studies .case-overlay .item {
	bottom: 6px;}
  .case-studies-area .section-title .title {
    font-size: 44px;
    line-height: 54px;
    padding-right: 200px; }
  .case-studies-area .single-case-studies img {
    height:230px; }
  .case-studies-area .main-btn {
	font-size:14px;
 	padding:0 25px;
 	line-height:40px;
  }
  .case-studies-area .single-case-studies {
  	margin:30px 8px 0;
  }
  .case-studies-area .single-case-studies .case-overlay .title {
	  	font-size: 16px;
	  	line-height: 23px;
	  	height: 46px; }
  .case-studies-area .swiper-container .slick-arrow.prev {
    right: 160px; }
  .case-studies-area .swiper-container .slick-arrow.next {
    right: 85px; }
}
@media (max-width: 767px) {
  .case-studies-area {
	  padding-top: 30px;
	  padding-bottom: 40px;}
  .case-studies-area .single-case-studies .case-overlay .item {
    bottom: 6px; }
  .case-studies-area .section-title .title {
    font-size: 30px;
    line-height: 40px; }
  .case-studies-area .main-btn {
	font-size:13px;
 	padding:0 20px;
 	line-height:35px;
 	margin-top:20px
  }
  .case-studies-area .single-case-studies img {
    height:270px; }
  .case-studies-area .single-case-studies {
  	margin:20px 8px 0;
  }
  .case-studies-area .single-case-studies .case-overlay .title {
	  	font-size: 16px;
	  	line-height: 26px;
	  	height: 52px; }
  .case-studies-area .swiper-container .slick-arrow.prev {
    display: none;}
  .case-studies-area .swiper-container .slick-arrow.next {
    display: none;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case-studies-area {
	  padding-top: 30px;
	  padding-bottom: 50px;}
  .case-studies-area .single-case-studies .case-overlay .item {
    bottom: 10px; }
  .case-studies-area .section-title .title {
    font-size: 36px;
    line-height: 46px;
    padding-right: 120px; }
  .case-studies-area .main-btn {
	font-size:14px;
 	padding:0 25px;
 	line-height:40px;
 	margin-top:20px
  }
  .case-studies-area .single-case-studies img {
    height:300px; }
  .case-studies-area .single-case-studies {
  	margin:20px 8px 0;
  }
  .case-studies-area .single-case-studies .case-overlay .title {
  	font-size: 16px;
  	line-height: 26px;
  	height:52px; }
  
}
   

/*===============================
    37.TEAM MEMBER css 
================================*/
.team-member-area {
  padding-bottom: 120px;
  overflow: hidden; }
  .team-member-area .section-title .title {
    font-size: 55px;
    margin-bottom: 48px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .team-member-area .section-title .title {
        font-size: 44px;
        line-height: 54px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .team-member-area .section-title .title {
        font-size: 46px;
        line-height: 56px;
        padding: 0 40px; } }
    @media (max-width: 767px) {
      .team-member-area .section-title .title {
        font-size: 30px;
        line-height: 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .team-member-area .section-title .title {
        font-size: 36px;
        line-height: 46px; } }
    .team-member-area .section-title .title::before {
      display: none; }
  .team-member-area .single-team-member {
    position: relative; }
    .team-member-area .single-team-member img {
      width: 100%; }
    .team-member-area .single-team-member .team-member-overlay {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      border-radius: 6px;
      background: #13489D;
      text-align: center;
      padding: 25px 0px;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .team-member-area .single-team-member .team-member-overlay {
          padding: 15px 0; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .team-member-area .single-team-member .team-member-overlay {
          padding: 15px 0; } }
      .team-member-area .single-team-member .team-member-overlay ul li {
        display: inline-block; }
        .team-member-area .single-team-member .team-member-overlay ul li a {
          font-size: 15px;
          color: #87b4ff;
          margin: 0 7px;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          @media only screen and (min-width: 1200px) and (max-width: 1600px) {
            .team-member-area .single-team-member .team-member-overlay ul li a {
              margin: 0 4px; } }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .team-member-area .single-team-member .team-member-overlay ul li a {
              margin: 0 3px;
              font-size: 13px; } }
          .team-member-area .single-team-member .team-member-overlay ul li a:hover {
            color: #fff; }
      .team-member-area .single-team-member .team-member-overlay .title {
        color: #fff;
        font-size: 24px;
        text-transform: capitalize;
        padding-top: 7px; }
        @media only screen and (min-width: 1200px) and (max-width: 1600px) {
          .team-member-area .single-team-member .team-member-overlay .title {
            font-size: 18px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .team-member-area .single-team-member .team-member-overlay .title {
            font-size: 14px; } }
      .team-member-area .single-team-member .team-member-overlay span {
        font-size: 14px;
        color: #9cbef7;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 3px; }
        @media only screen and (min-width: 1200px) and (max-width: 1600px) {
          .team-member-area .single-team-member .team-member-overlay span {
            font-size: 12px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .team-member-area .single-team-member .team-member-overlay span {
            font-size: 10px; } }
    .team-member-area .single-team-member:hover .team-member-overlay {
      left: 20px;
      bottom: -20px;
      opacity: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-member-area .container-fluid {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (max-width: 767px) {
    .team-member-area .container-fluid {
      padding-left: 30px;
      padding-right: 30px; } }

/*===============================
    38.CONTACT US css 
================================*/
.contact-us-area {
  margin-bottom: 247px; }
  .contact-us-area .contact-overlay {
    padding-top: 112px;
    background-color: rgba(12, 90, 219, 0.9); }
    .contact-us-area .contact-overlay .section-title span {
      color: #fff;
      letter-spacing: 3px; }
    .contact-us-area .contact-overlay .section-title .title {
      font-size: 55px;
      line-height: 65px;
      color: #fff;
      padding-bottom: 35px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .contact-us-area .contact-overlay .section-title .title {
          font-size: 44px;
          line-height: 54px; } }
      @media (max-width: 767px) {
        .contact-us-area .contact-overlay .section-title .title {
          font-size: 30px;
          line-height: 40px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .contact-us-area .contact-overlay .section-title .title {
          font-size: 36px;
          line-height: 46px; } }
      .contact-us-area .contact-overlay .section-title .title::before {
        display: none; }
    .contact-us-area .contact-overlay .contact-details {
      background: #fff;
      box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56);
      padding: 60px;
      margin-bottom: -165px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact-us-area .contact-overlay .contact-details {
          display: block !important; } }
      @media (max-width: 767px) {
        .contact-us-area .contact-overlay .contact-details {
          display: block !important;
          padding: 30px; } }
      @media (max-width: 767px) {
        .contact-us-area .contact-overlay .contact-details {
          display: block !important; } }
      .contact-us-area .contact-overlay .contact-details .contact-thumb {
        width: 80%; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .contact-us-area .contact-overlay .contact-details .contact-thumb {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .contact-us-area .contact-overlay .contact-details .contact-thumb {
            width: 100%; } }
        @media (max-width: 767px) {
          .contact-us-area .contact-overlay .contact-details .contact-thumb {
            width: 100%; } }
        .contact-us-area .contact-overlay .contact-details .contact-thumb img {
          width: 100%; }
      .contact-us-area .contact-overlay .contact-details .contact-form-area {
        margin-left: 40px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .contact-us-area .contact-overlay .contact-details .contact-form-area {
            margin-left: 0; } }
        @media (max-width: 767px) {
          .contact-us-area .contact-overlay .contact-details .contact-form-area {
            margin-left: 0; } }
        .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title {
          margin-top: -13px; }
          .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title {
            font-size: 40px;
            color: #232323;
            line-height: 50px;
            padding-right: 40px; }
            @media only screen and (min-width: 992px) and (max-width: 1200px) {
              .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title {
                font-size: 34px;
                line-height: 44px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title {
                padding-right: 0;
                padding-top: 40px; } }
            @media (max-width: 767px) {
              .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title {
                padding-right: 0;
                padding-top: 30px;
                font-size: 26px;
                line-height: 36px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title {
                padding-right: 0;
                padding-top: 40px;
                font-size: 30px;
                line-height: 40px; } }
        .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box {
          position: relative; }
          .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box input {
            width: 100%;
            border: 0;
            border-bottom: 2px solid #e3eeff;
            line-height: 45px; }
            .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box input::placeholder {
              opacity: 1;
              color: #616161;
              display: 700px;
              text-transform: capitalize; }
          .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box textarea {
            width: 100%;
            height: 90px;
            border: 0;
            border-bottom: 2px solid #e3eeff;
            resize: none; }
            .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box textarea::placeholder {
              opacity: 1;
              color: #616161;
              display: 700px;
              text-transform: capitalize; }
          .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button {
            margin-top: 30px;
            line-height: 60px;
            padding: 0 40px;
            font-size: 15px;
            background: #13489D;
            color: #fff;
            border-color: #13489D; }
            .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button i {
              padding-left: 5px; }
          .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box > i {
            position: absolute;
            right: 0;
            top: 15px;
            color: #13489D; }

/*===============================
    39.OUR CHOOSE css 
================================*/
.our-choose-area {
  padding-bottom: 90px; }
  .our-choose-area .section-title span {
    letter-spacing: 3px; }
  .our-choose-area .section-title .title {
    font-size: 55px;
    margin-bottom: 46px; }
    @media (max-width: 767px) {
      .our-choose-area .section-title .title {
        font-size: 30px;
        line-height: 40px;
        margin-right: 70px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .our-choose-area .section-title .title {
        font-size: 36px;
        line-height: 46px;
        margin-right: 70px; } }
    .our-choose-area .section-title .title::before {
      display: none; }
  .our-choose-area .accordion {
    border: 2px solid transparent; }
    .our-choose-area .accordion .card {
      border-radius: 0;
      border: 0; }
      .our-choose-area .accordion .card:first-child {
        border-top: 0; }
      .our-choose-area .accordion .card .card-header {
        border-bottom: 0;
        padding: 0;
        margin: 0;
        padding-bottom: 13px;
        background-color: transparent; }
        .our-choose-area .accordion .card .card-header a {
          line-height: 50px;
          padding: 0 0 0 0px;
          text-decoration: none;
          font-weight: 700;
          font-size: 18px;
          font-family: "GilroyBold";
          width: 100%;
          color: #13489D;
          position: relative; }
          .our-choose-area .accordion .card .card-header a i {
            padding-right: 5px; }
          @media (max-width: 767px) {
            .our-choose-area .accordion .card .card-header a {
              font-size: 15px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .our-choose-area .accordion .card .card-header a {
              line-height: 60px;
              font-size: 16px; } }
          .our-choose-area .accordion .card .card-header a.collapsed {
            color: #616161; }
      .our-choose-area .accordion .card .card-body {
        padding: 0 9px 4px 0px !important; }
        @media (max-width: 767px) {
          .our-choose-area .accordion .card .card-body {
            padding: 0 9px 4px 0px !important; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .our-choose-area .accordion .card .card-body {
            padding: 0 9px 4px 0px !important; } }
        .our-choose-area .accordion .card .card-body p {
          margin-top: -10px;
          font-size: 15px;
          padding-left: 25px;
          color: #616161; }
      .our-choose-area .accordion .card.show .card-body {
        padding: 0 40px 14px 40px !important; }
        .our-choose-area .accordion .card.show .card-body p {
          margin-top: -10px;
          font-size: 14px; }
  .our-choose-area .our-choose-counter-area .our-choose-counter sub {
    font-size: 55px;
    font-weight: 500;
    color: #13489D;
    font-family: "GilroyBold";
    line-height: 33px; }
  .our-choose-area .our-choose-counter-area .our-choose-counter > span {
    font-size: 18px;
    color: #232323;
    display: block;
    font-weight: 700;
    padding-top: 20px; }
  .our-choose-area .our-choose-counter-area .our-choose-counter p {
    font-size: 15px;
    color: #616161;
    padding-right: 30px;
    padding-top: 18px;
    line-height: 26px; }

/*===============================
    40.MEET US css 
================================*/
.meet-us-area {
  padding-bottom: 120px; }
  .meet-us-area .meet-us-item {
    height: 300px;
    padding-left: 100px;
    padding-right: 100px; }
    @media (max-width: 767px) {
      .meet-us-area .meet-us-item {
        padding-left: 30px;
        padding-right: 30px;
        display: block !important;
        padding-top: 40px; } }
    .meet-us-area .meet-us-item .title {
      font-size: 50px;
      color: #fff;
      line-height: 60px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .meet-us-area .meet-us-item .title {
          font-size: 28px;
          line-height: 40px; } }
      @media (max-width: 767px) {
        .meet-us-area .meet-us-item .title {
          font-size: 24px;
          line-height: 34px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .meet-us-area .meet-us-item .title {
          font-size: 40px;
          line-height: 50px; } }
    .meet-us-area .meet-us-item a {
      font-size: 15px;
      line-height: 60px;
      padding: 0 40px;
      background: #13489D;
      color: #fff;
      border-color: #13489D; }
      @media (max-width: 767px) {
        .meet-us-area .meet-us-item a {
          margin-top: 30px; } }
      .meet-us-area .meet-us-item a i {
        padding-left: 5px; }

/*===============================
    41.LATEST NEWS css 
================================*/
.latest-news-area {
  padding-top: 112px;
  padding-bottom: 120px; }
  .latest-news-area .section-title span {
    letter-spacing: 3px; }
  .latest-news-area .section-title .title {
    font-size: 55px;
    line-height: 65px;
    color: #232323;
    margin-bottom: 80px; }
.brand-2-area {
	padding-bottom:50px;
}
.brand-2-area .brand-item {
  text-align: center; 
  padding: 0 5px; }
.brand-2-area .brand-item img {
  opacity: .5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  height:230px;
  width: 100%; 
  }
.brand-2-area .brand-item img:hover {
  opacity: 1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .latest-news-area .section-title .title {
        font-size: 40px;
        line-height: 50px;
        padding: 0 135px; } }
    @media (max-width: 767px) {
      .latest-news-area .section-title .title {
        font-size: 30px;
        line-height: 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .latest-news-area .section-title .title {
        font-size: 36px;
        line-height: 46px;
        padding: 0 80px; } }
    .latest-news-area .section-title .title::before {
      display: none; }
  .latest-news-area .letast-news-grid {
    padding-bottom: 80px;
    padding-top: 42px;
    box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56); }
    @media (max-width: 767px) {
      .latest-news-area .letast-news-grid {
        margin-left: 20px;
        margin-right: 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .latest-news-area .letast-news-grid .letest-news-item {
        padding: 0 65px; } }
    .latest-news-area .letast-news-grid .letest-news-item span {
      font-size: 14px;
      color: #13489D;
      font-weight: 700;
      padding-bottom: 7px; }
    .latest-news-area .letast-news-grid .letest-news-item .title {
      font-size: 24px;
      line-height: 35px;
      padding-bottom: 25px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .latest-news-area .letast-news-grid .letest-news-item .title {
          font-size: 18px;
          line-height: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .latest-news-area .letast-news-grid .letest-news-item .title {
          font-size: 22px;
          line-height: 32px; } 
        .brand-2-area .brand-item img {
        	height:180px;
        }
      }
      @media (max-width: 767px) {
        .latest-news-area .letast-news-grid .letest-news-item .title {
          font-size: 17px;
          line-height: 27px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .latest-news-area .letast-news-grid .letest-news-item .title {
          font-size: 24px;
          line-height: 35px; } }
      .latest-news-area .letast-news-grid .letest-news-item .title a {
        color: #232323; }
    .latest-news-area .letast-news-grid .letest-news-item p {
      color: #616161;
      font-size: 15px;
      line-height: 32px; }
    .latest-news-area .letast-news-grid .letest-news-item > a {
      font-size: 15px;
      color: #232323;
      background-color: transparent;
      border-color: #13489D;
      padding: 0 40px;
      margin-top: 32px; }
      .latest-news-area .letast-news-grid .letest-news-item > a:hover {
        background: #13489D;
        color: #fff; }

/*===============================
    42.内页大标题样式 css 
================================*/
.product-content {
	margin-top: 50px;
}
.product-first-title {
	font-size: 27px;
    color: #000;
    font-weight: 200;
}
.product-first-titlesub {
	font-size: 20px;
    color: #80909f;
    letter-spacing: 1px;
    font-family: 'Karla';
}
.product-first-title-line {
	background-image: url(../images/titleSubBg.png);
    height: 1px;
    width: 60%;
    background-size: cover;
    margin-left: 20%;
}

.product-content .block_2 {
	height:4.875rem;
	width:14.0625rem;
	bottom:0;
	position:absolute;
	background-color:#00000035;
	color:#fff;
	padding-top:0.8125rem;
	padding-left:0.9375rem;
	margin-left:10%;
}
.product-content .block_2 {
	bottom:0;
	position:absolute;
	background-color:#00000035;
	color:#fff;
	padding-top:0.8125rem;
	padding-left:0.9375rem;
	margin-left:10%;
	width: 320px;
	height: 110px;
}
.product-content .block_2 .text-group_13 {
	display: grid;
}
.block_2 .text_1 {
	font-weight:bold;
	font-size:32px;
	line-height:54px;
	text-align:left;
	font-style:normal;
}
.block_2 .text_2 {
	height:1rem;
	font-family:Helvetica;
	font-size:18px;
	line-height:1rem;
	text-align:left;
	font-style:normal;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
}
@media (max-width: 575px) {
	.product-content .block_2 {
		margin-left: 5%;
	}
}
/*===============================
    43.当前位置导航 css 
================================*/
.quick-nav {
	margin: 20px 0;
}
.quick-nav .quick-nav-item {
	font-size: 13px;
    color: #8f8b8b;
}
.quick-nav .quick-nav-item a {
	
}
.quick-nav .quick-nav-item i {
	width: 15px;
    height: 10px;
    float: left;
    background: url(../images/quick-i.png) no-repeat center;
}
.prodetail-content .container .title {
	font-size: 22px;
	font-weight: bold;
}

/*===============================
    44.关于我们 css 
================================*/
.about-panel {
	
}
.about-panel .about-img {
	height:100%;
	padding:10px 60px 30px 30px;
}
.about-panel .about-content {
	padding-right:25px;
}

@media (min-width: 1500px) {
	.about-panel .about-content {
		padding-top: 25px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {

}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.about-panel .about-img {
		padding: 10px 30px 30px 30px;
	}
}

/* .about-panel .about-content img {
	width: 28%;
    float: right;
} */

/*===============================
    44.董事长致辞 css 
================================*/
.address-panel-one {
	height: auto;
	margin-bottom: 100px;
}
.address-panel-one .address-img {
	float: right;
	margin-right: 15px;
	/* width:38%; */
	margin: 65px 50px 0px 50px;
	height: 580px;
}
.address-panel-one .address-content {
	content: "";
	display: table;
	clear: both;
}

.address-panel-one .address-content .dszqm-img {
	height: 100%;
}


@media (min-width: 1500px) {
	.address-container{
	    padding-right: 50px;
    	padding-left: 50px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.address-panel-one .address-img {
		height: 480px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.address-panel-one .address-img {
		height: 370px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.address-panel-one {
		margin-bottom: 50px;
	}
	.address-panel-one .address-img {
		height: 725px;
	}
}
@media (max-width: 575px) {
	.address-panel-one .address-img {
		width:100%;
	    margin: 0 0 30px 0;
	}
	.address-panel-one {
		margin-bottom: 50px;
	}
	.address-panel-one .address-img {
		width:100%;
	}
	.address-panel-one .address-img {
		height: 500px;
	}
}

/*===============================
    40.发展历程 css 
================================*/
.course-panel {
	/* background-size: cover;
	height:600px; */
	/* margin-top:50px; */
	padding-bottom:50px;
}
.course-panel .lc {
   	margin-bottom: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.course-panel .lc {
	   	margin-bottom: 0px;
	}
	.course-panel .course-div {
		padding:0px;
	}
}
/*===============================
    40.客户留言 css 
================================*/
.message-panel {
	margin-top:50px;
	margin-bottom:50px;
}

.message-panel .message-table {
	width:100%;
}

.message-panel .message-table .two-col {
	width:50%;
}
.message-panel .table-area{
	width:100%;
	height:200px;
	border: 1px solid #cfcfcf;
	margin:10px 0;
	padding:10px;
}
.message-panel .table-input{
	width:100%;
	height:50px;
	border: 1px solid #cfcfcf;
	margin:10px 0;
	padding:10px;
}
.message-panel .left {
	padding-right:15px;
}

.message-panel .right {
	padding-left:15px;
}
.message-panel .codediv {
	float: left;
    width: 77%;
    margin-right: 15px;
}
.message-panel .savebtn {
	background-color:#13489D;
    margin: 10px 0;
    width: 100%;
    height: 50px;
    line-height: 35px;
}
.message-panel .savebtn:hover {
	background-color:#13489db0;
}
.message-panel .pull-right {
	width: 100%;
}

/*===============================
    41.社会招聘页面样式（accordion+标题）accordion css 
================================*/

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #052c65;
  background-color: #cfe2ff;
  box-shadow: inset 0 calc(-1 * 1px) 0 #dee2e6;
}
.accordion-button:not(.collapsed)::after {
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg); */
}
.accordion-button::after {
  flex-shrink: 0;
  width: 60px;
  height: 50px;
  content: "查看";
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  margin-left: auto; */
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
  color:blue;
  margin-left:30px;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}
.accordion-header div{
	/* display: inline-block; */
	text-align: center;
	/* width:100%; */
	height: 50px;
    line-height:50px;
}

.accordion-item {
  color: #212529;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.375rem - (1px));
  border-top-right-radius: calc(0.375rem - (1px));
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.375rem - (1px));
  border-bottom-left-radius: calc(0.375rem - (1px));
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-body span {
	margin:8px 0;
	font-size:17px;
	font-weight: 600;
}
.accordion-body pre {
	font-size:16px;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  margin-bottom: 10px;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
  border: 1px solid #13489d4a;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.social-content {
	margin-top:50px;
	margin-bottom:50px;
}

.social-content-title {
	height: 50px;
    background-color: #13489D;
    line-height:50px;
}

.social-content-title div {
	display: inline-block;
	color:#fff;
	text-align: center;
	/* width:100%; */
}

.col-one {
	width: 8%;
}
.col-two {
	width: 16%;
}
.col-three {
	width: 18%;
}
.col-four {
	width: 25%;
}
.col-five {
	width: 17%;
}
.col-six {
	width: 8%;
}

.col-item-one {
	width: 8%;
}
.col-item-two {
	width: 16%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.col-item-three {
	width: 20%;
}
.col-item-four {
	width: 26%;
/* 	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 设置要显示的行数
    overflow: hidden;
    text-overflow: ellipsis; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.col-item-five {
	width: 15%;
}
.col-item-six {
	width: 10%;
}

.social-content .hrdiv {
	width:100%;
	float:left;
	margin-top: 30px;
}
.social-content .hrbottom .hr-left {
	float:left;
	margin-left:5px;
}
.social-content .hrbottom .hr-right {
	float:left;
	width:50%;
	margin-left: 2%;
	margin-top:35px;
}
.social-content .hrbottom .hr-right p {
	line-height:40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media only screen and (min-width: 400px) and (max-width: 575px) {
	.accordion-header div {
		height:auto;
		line-height:25px;
		padding:0;
	}
	.accordion-button::after {
		margin-left:10px;
	    line-height: 50px;
	}
	.social-content .hrbottom {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.social-content .hrbottom .hr-right {
		margin-top:0px;
	}
	.social-content-title {
	    height: auto;
	    line-height: 30px;
	    display: flex;
    	align-items: center;
	}
	.social-content-title div {
		
	}
	.col-one {
		width: 8%;
		padding-left: 2px;
	}
	.col-two {
		width: 17%;
    	padding: 0 13px;
	}
	.col-three {
		width: 16%;
    	padding: 0 13px;
	}
	.col-four {
    	width: 22%;
    	padding: 0 23px;
	}
	.col-five {
		width: 19%;
		padding: 0 17px;
	}
	.col-six {
		width: 16%;
		padding: 0 11px;
	}
	
	.col-item-one {
		width: 8%;
	}
	.col-item-two {
		width: 19%;
		display:block;
	}
	.col-item-two p{
		text-align:center;
	}
	.col-item-three {
		width: 13%;
	}
	.col-item-four {
		width: 26%;
		display:block;
	}
	.col-item-four p{
		text-align:center;
	}
	.col-item-five {
		width: 15%;
	}
	.col-item-six {
		width: 10%;
	}
}
@media (max-width: 399px) {
	.accordion-header div {
		height:auto;
		line-height:25px;
		padding:0;
	}
	.accordion-button::after {
		margin-left:10px;
	    line-height: 50px;
	}
	.social-content .hrbottom {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.social-content .hrbottom .hr-right {
		margin-top:0px;
	}
	.social-content-title {
	    height: auto;
	    line-height: 30px;
	    display: flex;
    	align-items: center;
	}
	.social-content-title div {
		
	}
	.col-one {
		width: 8%;
	}
	.col-two {
		width: 17%;
    	padding: 0 9px;
	}
	.col-three {
		width: 18%;
		padding: 0 11px;
	}
	.col-four {
		width: 22%;
    	padding: 0 18px;
	}
	.col-five {
		width: 17%;
		padding: 0 11px;
	}
	.col-six {
		width: 18%;
		padding: 0 11px;
	}
	
	.col-item-one {
		width: 9%;
	}
	.col-item-two {
		width: 19%;
		display:block;
	}
	.col-item-two p{
		text-align:center;
	}
	.col-item-three {
		width: 20%;
	}
	.col-item-four {
		width: 26%;
		display:block;
	}
	.col-item-four p{
		text-align:center;
	}
	.col-item-five {
		width: 15%;
	}
	.col-item-six {
		width: 10%;
	}
}

/*===============================
    45.荣誉资质 css 
================================*/
.hovor-area {
	/*  background: #002249; */
	/* padding-top: 20px; */
	padding-bottom: 50px;
	/* padding-top: 30px; */
	background-image: url(/template/fh_static_3/assets/images/bg6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.hovor-area::after {
	content: '';
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background: #ffffff50; /* 遮罩颜色，半透明 */
}

.honor-first {
	/* margin-top: 50px; */
	background-color: #F5F7FA;
}
.honor-first .bg {
    background-image: url(/template/fh_static_3/assets/images/it-jszx-bg.png);
    background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -40px;
    padding-top: 80px;
    padding-bottom: 60px;
}
.honor-first .brief {
	padding:0;
}
.honor-first .brief p {
	text-align: center;
	font-size: 17px;
}
.honor-second {
	margin-bottom: 50px;
	/* margin-top: 50px; */
	background-image: linear-gradient(to bottom, #F5F7FA 10%, white);
}
.honor-second ul{ 
	overflow:hidden;
	zoom:1;
	float:left; 
	_display:inline;
}
.honor-second ul li{ 
	margin:0 20px 30px; 
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	width: 30%;
}
.honor-second ul li .pic{ 
	text-align:center;
	/* width:260px; */
	height:90px;
	display:block;
	padding:2px;
	border:1px solid #ccc;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	height:290px;
}
.honor-second ul li .pic img{
    /* width: 355px; */
    transform: scale(1) rotate(0deg);
    /* webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; */
    transition: transform 0.5s ease; /* 平滑的放大效果 */
    height:84%;
    width:94%;
    padding:8px;
    margin: 8% 3%;
}
.honor-second ul li .pic .img-shuxiang{
    height:100%;
    width:auto;
    margin:0;
}
.honor-second ul li .pic img:hover { 
	transform: scale(1.1); /* 鼠标穿过时放大1.2倍 */
}
.honor-second ul li .pic a{
	color:#000;
	width:100%; }
.honor-second ul li .pic p{
	font-size:18px;
	color：#000; }
.honor-second ul li .pic a:hover {
	color:#13489D;}
.honor-second ul li .pic a:hover img{
	border-color:#999;
}
.honor-second ul li .title{
	line-height:24px; 
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hovor-area{
		background: none;
	}
}
@media (max-width: 575px) {
	.honor-second ul li{
	    width: 40%;
	    margin: 0 5% 30px;
	}
	.honor-second ul li .pic {
		height: 150px;
	}
	.honor-second ul li .pic img {
		padding:0;
		margin:3%;
		height:90%;
	}
	.honor-first .brief{
		width: 82%;
    	margin-left: 9%;
	}
	.honor-first .brief p {
	    text-align: justify;
	    text-indent:2em
	}
	.hovor-area{
		background: none;
	}
}
@media (max-width: 400px) {
	.honor-second ul li{
	    width: 42%;
    	margin: 0 4% 30px;
	}
	.honor-second ul li .pic {
		height: 120px;
	}
	.hovor-area{
		background: none;
	}
}

/* 下面是资质 css */

.hovor-content {
	position: relative; /* 确保内容在遮罩之上 */
  	z-index: 1;
	padding-bottom: 40px;
    background-color: #fff;
    padding-top: 30px;
}
.hovor-content .hover-one {
	/* height: 100px; */
	/* height: 50px; */
    text-align: center;
    padding: 10px 0;
    height: auto;
}

.hovor-content .hover-one>div {
	margin: 10px 0;
    /* width: 100%; */
    height: 100%;
    /*border: 1px solid #00000030;*/
    border-radius: 8px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: white; */
}
.hovor-content .hover-one .detail {
	
}
.hovor-content p{
    text-align: center;
    /* font-size: 16px; */
    /* font-family: 黑体; */
    /* line-height: 40px; */
}

.hovor-img-content {
	/* margin-top: 30px; */
	/* width: 100%; */
}

/*===============================
    46.企业文化 css 
================================*/

.cul-first {
	margin-top: 50px;
}
.cul-first .first-title {
	margin-top: 40px;
}
.cul-first .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.cul-first .reset_style-ch {
	
}
.cul-first .first-content {
	margin-top: 30px;
}

.cul-first .cul-first-one {
	padding: 0 5px;
}
/* .cul-first .cul-first-one>div {
	margin: 10px;
    border: 1px solid #cfcdcd;
    border-radius: 8px;
    background-color: #f2f0f066;
    height: 180px;
} */
.cul-first-one .first-title {
	font-size: 20px;
    font-weight: bold;
    margin: 10px auto;
    /* text-align: center; */
    align-items: center;
    display: flex;
    justify-content: center;
    color: #13489D;
}
.cul-first-one .first-title i {
	/* margin: 10px 30px; */
	margin: 10px 0;
    width: 80px;
    text-align: center;
}
.cul-first-one .first-detail {
	margin: 20px;
	text-align: center;
	font-size: 20px;
	height: 60px;
}
.cul-first-one .single-line {
	display: flex;
    align-items: center;
    justify-content: center;
}
.cul-first-one .first-detail span {
	margin: 0 5px;
}
.cul-first-one .first-detail-multiline {
	margin: 20px;
	text-align: center;
	font-size: 20px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
    height: 60px;
}
.cul-first-one .first-detail-multiline span {
	margin: 0 5px;
}

@media (max-width: 1200px) {
	.cul-first-one .first-detail-multiline {
		display: block;
	}
}


.cul-second-area {
	height: 260px;
    background-color: #F5F7FA;
    margin-top: 50px;
}
.cul-first-second {
	/* background-image: url(/template/fh_static_3/assets/images/it-jszx-bg.png); */
    background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -40px;
    padding-top: 40px;
}
.cul-first-second .first-second-title {
	/* margin-top: 40px; */
}
.first-second-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.first-second-title .reset_style-ch {
	
}
.cul-first-second .div-detail {
	font-size: 35px;
    color: #13489D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cul-first-second .div-detail .span1 {
	margin-right: 40px;
}
.cul-first-second .div-detail .span2 {
	margin-left: 40px;
}
.cul-first-second .first-second-content {
	justify-content: center;
    width: auto;
    height:auto;
    margin-top: 30px;
}
.first-second-content .second-one {
	border-right: 2px solid #d2d2d2;
	display: flex;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    height: 50px;
    /* margin-top: 50px; */
}
.first-second-content .second-one .div1 {
	margin-right: 10px;
	line-height: 50px;
}
.first-second-content .second-one .div2 {
	margin-left: 10px;
	line-height: 50px; 
}



.cul-second {
	/* background-image: url(/template/fh_static_3/assets/images/it-jszx-bg.png); */
    background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -40px;
    padding-top: 40px;
}
.cul-second .second-title {
	/* margin-top: 40px; */
}
.second-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.second-title .reset_style-ch {
	
}
.cul-second .div-detail {
	font-size: 35px;
    color: #13489D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cul-second .div-detail .span1 {
	margin-right: 40px;
}
.cul-second .div-detail .span2 {
	margin-left: 40px;
}
.cul-second .second-content {
	justify-content: center;
    width: auto;
    height:auto;
    margin-top: 30px;
}
.second-content .second-one {
	border-right: 2px solid #d2d2d2;
	display: flex;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    height: 50px;
    /* margin-top: 50px; */
}
.second-content .second-one .div1 {
	margin-right: 10px;
	line-height: 50px;
}
.second-content .second-one .div2 {
	margin-left: 10px;
	line-height: 50px; 
}


.cul-third-area {
	height: 260px;
    background-color: #F5F7FA;
    margin-top: 50px;
}
.cul-third {
	margin-top: 60px;
	padding-top: 40px;
}
.cul-third .third-title {
	
}
.third-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.third-title .reset_style-ch {
	
}
.cul-third .third-content {
	margin-top: 30px;
}
/* .third-content .third-img {
	margin-top: 30px;
}
.third-content .third-img img {
    width: 80%;
    height: 240px;
    float: right;
    margin-right: 30px;
}
.third-content .third-detail {
	padding-left: 8%;
    font-size: 24px;
    padding-top: 90px;
    display: flex;
    margin-top: 30px;
}
.third-content .third-detail .div1{
	margin-right: 5%;
}
.third-content .third-detail .div2 {
	margin-left: 5%;
} */
.third-content .third-one {
	/* border-right: 2px solid #d2d2d2; */
	display: flex;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    height: 50px;
}
.third-content .third-one .div1 {
	margin-right: 10px;
	line-height: 50px;
}
.third-content .third-one .div2 {
	margin-left: 10px;
	line-height: 50px; 
}


.cul-forth-area {
    background-color: #F5F7FA;
    margin-top: 50px;
    padding-bottom: 40px;
}
.cul-forth {
	margin-top: 60px;
}
.cul-forth .forth-title {
	
}
.forth-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.forth-title .reset_style-ch {
	
}
.cul-forth .forth-content {
	margin-top: 30px;
}
.cul-forth .forth-content {
	margin-top: 30px;
}

.cul-forth .cul-forth-one {
	padding: 0 5px;
}

.cul-forth-one .forth-title {
	font-size: 20px;
    font-weight: bold;
    margin: 10px auto;
    /* text-align: center; */
    align-items: center;
    display: flex;
    justify-content: center;
    color: #13489D;
}
.cul-forth-one .forth-title i {
	/* margin: 10px 30px; */
	margin: 10px 0;
    width: 80px;
    text-align: center;
}
.cul-forth-one .forth-detail {
	margin: 20px;
	text-align: center;
	font-size: 20px;
	height: 60px;
}
.cul-forth-one .forth-detail-single {
	display: flex;
    align-items: center;
    justify-content: center;
}
.cul-forth-one .forth-detail span {
	margin: 0 5px;
}


.cul-five-area {
	height: 260px;
    background-color: #F5F7FA;
    margin-top: 50px;
}
.cul-five {
	/* background-image: url(/template/fh_static_3/assets/images/it-jszx-bg.png); */
    background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -40px;
    padding-top: 40px;
}
.cul-five .five-title {
	/* margin-top: 40px; */
}
.five-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}
.five-title .reset_style-ch {
	
}
.cul-five .div-detail {
	font-size: 35px;
    color: #13489D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cul-five .div-detail .span1 {
	margin-right: 40px;
}
.cul-five .div-detail .span2 {
	margin-left: 40px;
}
.cul-five .five-content {
	justify-content: center;
    width: auto;
    height:auto;
    margin-top: 30px;
}
.five-content .second-one {
	border-right: 2px solid #d2d2d2;
	display: flex;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    height: 50px;
    /* margin-top: 50px; */
}
.five-content .second-one .div1 {
	margin-right: 10px;
	line-height: 50px;
}
.five-content .second-one .div2 {
	margin-left: 10px;
	line-height: 50px; 
}


.culture-area-pic {
	margin-bottom:50px;
	margin-top: 40px;
}
.culture-area-pic .fifth-title {
	
}
.fifth-title .reset_style-eng {
	height: 50px;
	margin-top: -5px;
}.hovor-content .hover-one>div
.fifth-title .reset_style-ch {
	
}
.culture-area-pic .culture-pic p {
	font-size:18px;
}

.culture-area-pic .culture-pic {
	margin-top: 30px;
}
@media (max-width: 575px) {
	.cul-third-area {
		height: 360px;
	}
}
/*===============================
    47.解决方案 css 
================================*/
.banner-title{
	padding-top: 250px;
    color: #fff;
    padding-left: 200px;
    height: 100px;
}
.banner-title .detail {
	color: #fff;
	font-size:30px;
}
.banner-title hr {
	width: 350px;
    margin-top: 10px;
    border: none;
    height: 2px;
    background-image: linear-gradient(to right, #13489D, white);
}

.nav-solvtion {
	border-bottom: solid 1px #dfdfdf;
	box-shadow: 0px 3px 6px 1px rgb(139 139 139 / 15%);
	padding: 0;
    height: 56px;
}

.nav-solvtion .nav-pills {
	margin: 0 auto;
	width:70%;
	height: 56px;
    line-height: 40px;
}

.nav-solvtion .nav-pills .nav-item {
	width:20%;
	text-align: center;
}
.nav-solvtion .nav-pills .nav-item:hover {
	background-color: #079af214;
}

.nav-solvtion .nav-pills .nav-link {
	color: #000;
	font-size: 18px;
	font-family: Medium;
	border-radius: 0;
}

.solution-panel {
	
}
.solution-panel .solution-content {
	/* position: relative; */
	padding-top:70px;
	/* margin-top:-70px; */
}
.solution-content .main-title {
	/* margin-top: 65px; */
	margin-top: -100px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: normal;
    color: #383A3F;
    text-align: center;
    display: block;
    background-image: url(/template/fh_static_3/assets/images/second-title-bg.png);
    background-repeat: no-repeat;
    background-position: center 180px;
}

.solution-content .firstpart {
	display:flex;
	width:100%;
	margin-top: 30px;
}

.solution-content .firstpart>div {
	width: 33%;
    /* height: 200px; */
    padding: 30px 40px;
    box-shadow: 2px 3px 6px 1px rgba(96, 116, 122, 0.16);
    border-radius: 0px 0px 0px 0px;
    /* display: table; */
}
.solution-content .firstpart .left {
	margin-left: 20px;
}
.solution-content .firstpart .right {
	margin-right: 20px;
}
.solution-content .firstpart .middle {
	margin-left:30px;
	margin-right:30px;
}
.firstpart .icon-div {
	text-align:center;
}

.firstpart .hybj-icon {
	margin:0 auto;
}
.firstpart .hybj-title {
	text-align: center;
	margin: 20px 0;
	font-weight: 600;
	display: flex;
    justify-content: center;
}
.firstpart .hybj-title p{
	text-align: center;
	font-weight: 600;
	line-height: 24px;
}
.firstpart .hybj-detail {
	/* height:75px; */
	text-align: justify;
}

.secondpart {
	margin-top: 30px;
	text-align: center;
}
.secondpart .hytd-ul {
	display: flex;
}
.secondpart .hytd-ul>div {
	padding: 30px;
	background:url("/template/fh_static_3/assets/images/hytd-bg.jpg") no-repeat;
	width: 25%;
}
.secondpart .hytd-ul .hytd-title {
	margin: 20px 0;
    font-weight: 600;
    display: flex;
    justify-content: center;
}
.secondpart .hytd-ul .hytd-title p{
	text-align: center;
    font-weight: 600;
    line-height:24px;
}
.secondpart .hytd-ul .hytd-detail{
	padding: 0 8px;
}

.thirdpart {
	margin-top: 30px;
}
.thirdpart .jjfa-detail {
	text-indent: 2em;
	line-height: 28px;
}
.thirdpart .jjfa-img {
	text-align: center;
	margin:30px auto 0;
}
.thirdpart .jjfa-img img{
	width: 80%;
}
.cpys-img {
	width:80%;
}
.fourthpart {
	width：100%;
	display:flex;
	margin-top: 30px;
}
.fourthpart .fays-item {
	width: 25%;
	/* height: 230px; */
    padding: 15px 25px 28px;
    margin: 10px;
    box-shadow: 2px 3px 6px 1px rgba(96, 116, 122, 0.16);
    border-radius: 0px 0px 0px 0px;
}
.fourthpart .fays-item .fays-title{
	text-align: center;
    font-weight: 600;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}
.fourthpart .fays-item .fays-title p{
	text-align: center;
    font-weight: 600;
}
.fourthpart .fays-item .fays-detail{
	text-align: justify;
}
.fourthpart .fays-bg {
	background-color: #079af214;
}
.fourthpart .fays-img {
	text-align: center;
	margin:30px auto 0;
}
.fourthpart .fays-szxc {
	display: flex;
}
.fays-szxc .one {
	width: 33%;
	padding: 0 40px;
}
.fays-szxc .one .title{
	font-weight: bold;
    margin: 20px auto;
    text-align: center;
}
.fays-szxc .one .detail{
	padding: 0 40px;
	height: 80px;
}
.fays-szxc .one .img{
	padding: 20px;
	height: 220px;
	text-align: center;
}
.fays-szxc .one .img img{
	height: 100%;
    width: 100%;
}

.fourthpartfive {
	width：100%;
	display:flex;
	margin-top: 30px;
}
.fourthpartfive .fays-item {
	width: 20%;
	/* height: 260px; */
    padding: 15px 25px;
    margin: 10px;
    box-shadow: 2px 3px 6px 1px rgba(96, 116, 122, 0.16);
    border-radius: 0px 0px 0px 0px;
}
.fourthpartfive .fays-item .fays-title{
	text-align: center;
    font-weight: 600;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}
.fourthpartfive .fays-item .fays-title p{
	text-align: center;
    font-weight: 600;
    line-height: 24px;
}
.fourthpartfive .fays-item .fays-detail{
	text-align: justify;
}
.fourthpartfive .fays-bg {
	background-color: #079af214;
}
.fourthpartfive .fays-img {
	text-align: center;
	margin:30px auto 0;
}
.fourthpartfive .fays-szxc {
	display: flex;
}


.fifthpart {
	margin-top:30px;
	margin-bottom:100px;
	display:flex;
}
.fifthpart .xgal-item{
	width:32%;
	heigth:240px;
    margin: 0 10px;
	box-shadow: 2px 3px 10px 1px rgba(174, 181, 188, 0.4);
}

.fifthpart .xgal-item .xgal-img{
	padding:10px;
}
.fifthpart .xgal-item .xgal-img img{
	height: 200px;
	width: 100%;
}

.fifthpart .xgal-item .xgal-detail{
	padding: 5px 15px 15px;
    line-height: 18px;
    display: none;
}
.sticky {
	position: sticky;
    top: 70px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 3px 6px 1px rgb(139 139 139 / 15%);
    z-index: 9;
    animation: sticky  .1s;
    /* border-top: solid 1px #b7b3b3; */
}


.sixthpart {
    display: flex;
    /* margin-top: 100px; */
}
.sixthpart .cpgn-item-border {
	width:33.33%;
    border-radius: 12px;
    background: linear-gradient(to right, #005DAD 0%, #009946 100%);
    padding:2px;
    margin: 100px 40px 0;
    display: flex;
}

.sixthpart .cpgn-item {
    border-radius: 10px;
    width:100%;
    height:100%;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.sixthpart .cpgn-item .cpgn-img {
	width: 86px;
    position: absolute;
    display: block;
    margin-top: -43px;
    z-index: 2;
}
.sixthpart .cpgn-item .cpgn-title {
	font-weight: 600;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.sixthpart .cpgn-item .cpgn-detail {
	margin: 20px;
	text-align: justify;
}
.sixthpart .cpgn-item .cpgn-detail-innerdiv {
	margin: 20px;
	text-align: center;
}

.sixthparttwo {
    display: flex;
    /* margin-top: 100px; */
}
.sixthparttwo .cpgn-item-border {
	width:50%;
    border-radius: 12px;
    background: linear-gradient(to right, #005DAD 0%, #009946 100%);
    padding:2px;
    margin: 100px 40px 0;
    display: flex;
}

.sixthparttwo .cpgn-item {
    border-radius: 10px;
    width:100%;
    height:100%;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.sixthparttwo .cpgn-item .cpgn-img {
	width: 86px;
    position: absolute;
    display: block;
    margin-top: -43px;
    z-index: 2;
}
.sixthparttwo .cpgn-item .cpgn-title {
	font-weight: 600;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.sixthparttwo .cpgn-item .cpgn-detail {
	margin: 20px;
	text-align: justify;
}
.sixthparttwo .cpgn-item .cpgn-detail-innerdiv {
	margin: 20px;
	text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.nav-solvtion {
		height:70px;
	}
	.nav-solvtion .nav-pills {
		width: 100%;
		height:70px;
	    line-height: 25px;
	}
	.solution-content .firstpart>div {
		padding:0 5px 20px;
		/* height:310px; */
	}
	.solution-content .firstpart .left {
		margin-left: 10px;
	}
	.solution-content .firstpart .right {
		margin-right: 10px;
	}
	.secondpart .hytd-ul{
		flex-wrap: wrap;
	}
	.secondpart .hytd-ul>div{
		padding:5px;
		flex: 1 1 45%;
	}
	.fourthpart {
	    flex-wrap: wrap;
	}
	.fourthpart .fays-item {
		flex: 1 1 43%;
		/* height: 300px; */
	}
	.fourthpartfive {
	    flex-wrap: wrap;
	}
	.fourthpartfive .fays-item {
		flex: 1 1 43%;
		/* height: 300px; */
	}
	.fifthpart {
		flex-wrap: wrap;
	}
	.fifthpart .xgal-item {
	    flex: 1 1 100%;
    }
    .sticky {
    	top:41px;
    }
    .fourthpart .fays-szxc {
    	flex-wrap: wrap;
   	}
   	.fays-szxc .one {
   		flex: 1 1 100%;
   	}
   	.thirdpart .jjfa-img img {
		width: 100%;
	}
	.cpys-img {
		width:100%;
	}
	.secondpart .hytd-ul .hytd-title{
		/* height:48px; */
	}
	.fourthpart .fays-item .fays-title{
		height:48px;
		display: block;
	}
	.firstpart .hybj-title{
		/* height:48px; */
		display: block;
	}
	.firstpart .hybj-title p{
		text-align: center;
		font-weight: 600;
		height:24px;
	}
	.fays-szxc .one .detail{
		height: auto;
		text-indent: 2em;
	}
	.sixthpart {
	    flex-wrap: wrap;
	}
	.sixthpart .cpgn-item-border {
		flex: 1 100%;
		margin: 60px 40px 0;
	}
	.sixthparttwo {
	    flex-wrap: wrap;
	}
	.sixthparttwo .cpgn-item-border {
		flex: 1 100%;
		margin: 60px 40px 0;
	}
}
@media (max-width: 399px) {
	.fourthpart .fays-item {
		/* height: 370px; */
	}
	.solution-content .firstpart>div {
		/* height:380px; */
	}
}
/*===============================
    48.物联网应用 css 
================================*/
.iot-content .iot-top {
	/* height:220px; */
	display: flex;
	margin:50px 0 70px;
	background: linear-gradient(to left , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	padding: 0;
}
.iot-top .iot-detail {
	text-indent: 2em;
	line-height: 28px;
	/* width:40%; */
	background-image: url(/template/fh_static_3/assets/images/yinhao.png);
    background-size: 20% 25%;
    background-repeat: no-repeat;
    background-position: 25px 20px;
    text-align: justify;
    padding: 32px;
}
.iot-top .iot-detail img {
	margin-top: 10px;
    margin-left: 15px;
}
.iot-top .iot-detail p {
	/* margin-top: 20px;
    margin-left: 32px; */
}
.iot-top .iot-top-img {
	/* width:60%; */
	padding:0;
}
.iot-top .iot-top-img img {
	/* height:100%; */
}
.iot-content .iot-middle {
	
}
.iot-middle .middle-title {
    font-size: 24px;
    margin: 60px auto 40px;
    width: 15%;
    /* background-color: #13489D; */
    /* color: #fff; */
    text-align: center;
    /* height: 50px; */
    line-height: 50px;
    /* border-bottom: 1.5px solid #13489D; */
}
.iot-bottom {
	background-image:url(/template/fh_static_3/assets/images/wlwyy-bottom-bg.png);
	background-size:100% 100%;
	padding-bottom: 50px;
}
.iot-ly {
	
}
.iot-ly-a {
	width:100%;
}
.iot-bottom-row {
	margin-top: 50px;
	display: flex;
	padding: 0 0 48px 0;
}
.iot-ly .iot-ly-item {
	/* width:33%; */
	/* height:490px; */
	height: auto;
	border-radius: 4px;
	background-color: #fff;
	margin: 0 10px 40px;
	padding-bottom: 20px;
}
.iot-ly .iot-ly-item-height {
	height:420px;
}
.iot-ly .iot-ly-item:hover {
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.3);
}
.iot-ly .iot-ly-item:hover .ly-content .ly-title{
	color: #37a8e8;
}

.iot-ly .middle-item {
	margin:0 30px;
}
.iot-ly-item .ly-img {
	
}
.iot-ly-item .ly-img img{
	height:170px;
	width:100%;
}
.iot-ly-item .ly-content {
	margin-left: 24px;
    margin-top: 16px;
    margin-right: 24px;
}

.ly-content .ly-title {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    font-style: normal;
    text-align: center;
}
.ly-content .ly-detail {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	margin-top: 12px;
}
 .ly-content .ly-detail-height {
 	height:130px;
 }
.ly-content .ly-link {
	display: grid;
    margin-top: 20px;
}
.ly-content .ly-link a {
	 margin: 5px 0;
}
.ly-content .ly-link a i {
	margin-right:10px;
}

.iot-ly hr {
	width: 100%;
    margin-top: 10px;
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, #13489D, #13489d1c);
}
.iot-ly .toright {
	background-image: linear-gradient(to right, #13489D, #13489d1c);
}
.iot-ly .toleft {
	background-image: linear-gradient(to left, #13489D, #13489d1c);
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.iot-top .iot-detail {
		padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
	}
	.iot-top .iot-detail p {
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.ly-content .ly-detail-height {
	    height: 160px;
	}
	.iot-ly .iot-ly-item {
		height: 520px;
	}
	.iot-ly .iot-ly-item-height {
		height:520px;
	}
}

@media (max-width: 767px) {
	.iot-top .iot-top-img img {
		height: 130px;
	}
	.iot-ly .iot-ly-item{
		margin: 0 30px 40px;
	}
}

/*===============================
    48.信息技术服务 css 
================================*/
.it-content {
	margin-top: 50px;
}
.it-content .it-first {
	/* height:285px; */
	display: flex;
	background: linear-gradient(to left , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	padding: 0;

}
.it-content .it-first .it-img {
	width:40%;
}
.it-content .it-first .it-img img {
	width:100%;
	height:100%;
}
.it-content .it-first .it-detail {
	width:60%;
	text-indent: 2em;
	line-height: 28px;
	background-image: url(/template/fh_static_3/assets/images/yinhao.png);
    background-size: 15% 25%;
    background-repeat: no-repeat;
    background-position: 25px 10px;
    /* padding-top: 45px; */
    /* padding-left: 32px;
    padding-right: 32px; */
    text-align: justify;
    margin: auto 0;
    padding: 32px;
}
.it-content .it-first .it-detail p {
	
}
.it-middle {
	/* height:240px; */
	background-color: #F5F7FA;
	padding-bottom: 50px;
}
.it-middle .bg {
	background-image:url(/template/fh_static_3/assets/images/it-jszx-bg.png);
	background-size: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -40px;
    padding-top: 50px;
}
.it-content .it-second-title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #111111;
    line-height: 36px;
    font-style: normal;
	background-image:url(/template/fh_static_3/assets/images/second-title-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.it-middle .xtyw-detail {
	/*width: 90%;
    margin-left: 5%;*/
}
.it-middle .xtyw-detail p {
	/* text-indent: 2em; */
	text-align: center;
}
.it-content .it-xtyw {
	width: 100%;
	height: 250px;
	display: flex;
	margin-bottom: 50px;
	background: linear-gradient(to right , #FFFFFF 0%, #F7F9FD 100%);
    box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
    border: 2px solid #FFFFFF;
}
.it-xtyw .it-xtyw-left {
	width: 50%;
	/* padding: 20px 25px; */
	/* background-image:url(/uploadFiles/uploadImgs/20240710/b74537af9d544b01827d22dd9f9e9ae3.jpg); */
	/* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: 100%; */
    /* color: #FFFFFF; */
}
.it-xtyw .it-xtyw-left img {
	width: 100%;
	height:100%;
}
.it-xtyw-left .title {
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	font-style: normal;
}

.xtyw-detail {
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	margin-top:16px;
}

.it-xtyw .it-xtyw-right {
	width: 50%;
	/* margin-left: 20px;
	padding: 30px; */
    padding: 32px;
    text-indent: 2em;
    margin: auto 0;
}
.it-xtyw-right .xtyw-row {
	display: flex;
}
.middle-row {
	margin-top: 20px;
	margin-bottom: 20px;
}
.xtyw-row .one{
    background: #fff;
    width: 32%;
    height: 85px;
    border-radius: 3px;
    padding-top: 30px;
    padding-left: 30px;
    background-image:url(/template/fh_static_3/assets/images/xtyw-one-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	font-size: 18px;
	color: #111111;
	line-height: 26px;
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
}
.xtyw-row .one:hover{
    background: #fff;
    width: 33%;
    height: 87px;
	box-shadow: 0px 8px 16px 0px rgb(28 41 57 / 40%);
	background-image:url(/template/fh_static_3/assets/images/xtyw-one-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.middle-one {
	/* margin-left: 20px;
	margin-right: 20px; */
}
.it-rjyf .rjyf-detail {
	width: 80%;
    margin-left: 10%;
}
.it-rjyf .rjyf-detail p {
	text-align: center;
}
.it-rjyf .row-img {
	margin-top: 30px;
}
.row-img .rjyf-img {
	height:240px;
}
.row-img .rjyf-img img {
	height: 100%;
}
.row-img .rjyf-scroll-img {
	height:240px;
	overflow-y: scroll;
	border: 1px solid #c2c0c0;
	overflow: hidden;
}

@media (max-width: 767px) {
	.it-content .it-first,.it-content .it-xtyw {
		display:block;
		height:auto;
	}
	.it-content .it-first .it-img,.it-content .it-first .it-detail {
		width: 100%;
	}
	.it-xtyw .it-xtyw-left,.it-xtyw .it-xtyw-right {
		width:100%;
	}
	.it-rjyf .row-img>div {
		padding-bottom:20px;
	}
	.it-rjyf .rjyf-detail{
		width: 82%;
	    margin-left: 9%;
	}
	.it-rjyf .rjyf-detail p {
		text-align: justify;
    	text-indent: 2em;
	}
	.it-middle .xtyw-detail{
		width: 82%;
	    margin-left: 9%;
	}
	.it-middle .xtyw-detail p {
		text-indent: 2em;
		text-align: justify;
	}
}

/*===============================
    48.通信技术服务 css 
================================*/
.ct-content {
	margin-top: 50px;
}
.ct-content .ct-second-title {
	text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #111111;
    line-height: 36px;
    font-style: normal;
	background-image:url(/template/fh_static_3/assets/images/second-title-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}

.ct-ghsj .ct-ghsj-first {
	width: 100%;
	display: flex;
	height: 220px;
}
.ct-ghsj-first .one {
	width:33%;
}
.ct-ghsj-first .middle-one {
	margin:0 2%;
}
.ct-ghsj-first .one img {
	height:100%;
}
.ct-ghsj-first .one span {
	bottom: 50px;
    position: relative;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	margin-left:24px;
}

.ct-ghsj .ct-ghsj-second {
	width: 100%;
    /* height: 170px; */
    background: linear-gradient( to left, #FFFFFF 0%, #F7F9FD 100%);
    box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
    border-radius: 2px;
    border: 2px solid #FFFFFF;
    padding: 24px;
    margin-top: 24px;
}
.ct-ghsj .ct-ghsj-second p {
	/*background: linear-gradient( , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;*/
	/* border: 2px solid #FFFFFF; */
	/*text-indent: 2em;
    line-height: 28px;
    text-align: justify;*/
    text-align: center;
}
.ct-middle {
	background-image:url(/template/fh_static_3/assets/images/ct-wlwh-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 300px;
}
.ct-middle .wlwh-titlerow {
	padding-top: 50px;
}

.ct-ghsj-item .ghsj-second {
	display:flex;
	margin-top:20px;
}

.ct-ghsj-item .ghsj-content {
    width: 100%;
}

.ghsj-content .ghsj-title {
	font-size: 20px;
    color: #13489D;
    padding: 15px 0;
}
.ghsj-content .ghsj-first {
	line-height: 30px;
	display:flex;
	margin-bottom: 20px;
}
.ghsj-second .one{
	margin: 0 10px;
    background: #fff;
    width: 33%;
    height: 60px;
    text-align: center;
    border-left: 1px solid #00000036;
    border-radius: 3px;
    line-height: 60px;
    font-size:18px;
}

.ghsj-second .one i{ 
	width: 60px;
    font-size: 26px;
    color: #13489D;
}
.wlwh-bottom {
    /* height: 140px; */
    background: linear-gradient(to left , #FFFFFF 0%, #F7F9FD 100%);
    box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
    border-radius: 2px;
    border: 2px solid #FFFFFF;
    z-index: 1;
    position: relative;
    bottom: 70px;
    padding: 24px;
}
.wlwh-content p{
	/*text-indent: 2em;
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	font-style: normal;
	text-align: justify;*/
	text-align: center;
}

.ghsj-second-wlwh {
	display: flex;
	width: 100%;
	margin-bottom: 120px;
}

.ghsj-second-wlwh>div {
	width: 33%;
    height: 160px;
    padding: 0 15px 15px 15px;
    margin-right: 10px;
    /* box-shadow: 2px 3px 6px 1px rgba(96, 116, 122, 0.16);
    border-radius: 0px 0px 0px 0px; */
}
.ghsj-second-wlwh .icon-div {
	text-align:center;
	display: none;
}
.ghsj-second-wlwh .icon-div img {
	width:53px;
	height:53px;
}
.ghsj-second-wlwh .ghsj-icon {
	margin:0 auto;
}
.ghsj-second-wlwh .ghsj-title {
	text-align: center;
	margin: 20px 0;
	font-weight: 600;
}
.ghsj-second-wlwh .ghsj-detail {
	text-align: center;
	display:none;
}
.gcjs-content {
	display: flex;
	margin-bottom: 50px;
	background: linear-gradient(to right , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	padding: 0;
}
.gcjs-content .gcjs-left {
	width: 40%;
	padding:24px 32px;
	margin: auto 0;
}
.gcjs-content .gcjs-left p{
	text-indent: 2em;
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	text-align: left;
	font-style: normal;
	text-align: justify;
}
.gcjs-content .gcjs-right {
	width: 60%;
}
.gcjs-content .gcjs-right img {
	width: 100%;
	height: 100%;
}

.top-content {
	display: flex;
	margin-bottom: 50px;
	background: linear-gradient(to left , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	padding: 0;
}
.top-content .top-left {
	width: 60%;
	padding:32px;
	margin: auto 0;
	background-image: url(/template/fh_static_3/assets/images/yinhao.png);
    background-size: 15% 30%;
    background-repeat: no-repeat;
    background-position: 25px 10px;
}
.top-content .top-left p{
	text-indent: 2em;
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	text-align: left;
	font-style: normal;
	text-align: justify;
}
.top-content .top-right {
	width: 40%;
}
.top-content .gcjs-right img {
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.ct-ghsj .ct-ghsj-first {
		height: 180px;
	}
	.gcjs-content .gcjs-left,.gcjs-content .gcjs-right {
		width:50%;
	}
	.top-content .top-left,.top-content .top-right {
		width:50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ct-ghsj .ct-ghsj-first {
		height:130px;
	}
	.gcjs-content .gcjs-left {
		width:60%;
	}
	.gcjs-content .gcjs-right {
		width:40%;
	}
	.top-content .top-left {
		width:60%;
	}
	.top-content .top-right {
		width:40%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.ct-ghsj .ct-ghsj-first {
		height:117px;
	}
	.ct-ghsj .ct-ghsj-second {
		margin-top: 0px;
	}
	.gcjs-content {
		display:block;
	}
	.top-content {
		display:block;
	}
	.gcjs-content .gcjs-left {
		width:100%;
	}
	.gcjs-content .gcjs-right {
		width:100%;
	}
	.top-content .top-left,.top-content .top-right {
		width:100%;
	}
}
@media (max-width: 575px) {
	.ct-ghsj .ct-ghsj-first {
		height: auto;
	}
	.ct-ghsj-first .one span {
		margin-left: 5px;
	}
	.ct-ghsj .ct-ghsj-second {
		margin-top: 0px;
	}
	.gcjs-content {
		display:block;
	}
	.top-content {
		display:block;
	}
	.gcjs-content .gcjs-left {
		width:100%;
	}
	.gcjs-content .gcjs-right {
		width:100%;
	}
	.ghsj-second-wlwh>div {
		padding: 0px;
	}
	.top-content .top-left,.top-content .top-right {
		width:100%;
	}
	.ct-ghsj .ct-ghsj-second p{
		text-align: justify;
    	text-indent: 2em;
	}
	.wlwh-content p{
		text-align: justify;
    	text-indent: 2em;
	}
}


/*===============================
    49.客服体系 css 
================================*/
.costomer-content .costomer-detail {
	text-indent: 2em;
	line-height: 28px;
}
.costomer-content .costomer-first {
    margin-top: 50px;
    margin-bottom: 30px;
}
.costomer-content .costomer-first p {
	text-align: center;
    width: 64%;
    margin-left: 18%;
	color: #333333;
	line-height: 28px;
	font-style: normal;
}

.second-content {
	width: 100%;
	display: flex;
	height: 200px;
}
.second-content .middle-one {
	margin:0 20px;
}
.second-content .one img {
	height:100%;
}
.second-content .one span {
	bottom: 50px;
    position: relative;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 26px;
	text-align: left;
	font-style: normal;
	margin-left:24px;
}
.costomer-third {
	margin-top:50px;
	padding: 0 30px;
}
.costomer-third .third-row {
	display:flex;
}

.third-row .one {
	width:50%;
	display: flex;
	/* border: 1px solid #c5c0c06b; */
    margin: 8px;
    padding: 15px 0;
    background-color: #fff;
    border-radius: 3px;
}
.third-row .one:hover {
    box-shadow: 0px 4px 16px rgba(46,51,191,0.2);
}
.third-row .icon-div {
	text-align:center;
	width:20%;
    align-items: center;
    text-align: center;
    display: flex;
}
.icon-div .khfw-icon {
	margin:0 auto;
	width: 88px;
	height: 88px;
}

.third-row .letter-div {
	width:80%;
	padding:0 10px;
}
.letter-div .khfw-icon {
	margin:0 auto;
}
.letter-div .khfw-title {
	margin: 10px 0;
	font-weight: bold;
	font-size: 18px;
	color: #111111;
	line-height: 26px;
	text-align: left;
	font-style: normal;
}
.letter-div .khfw-detail {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	text-align: left;
	font-style: normal;
}
.cus-fwcn {
	background-image:url(/template/fh_static_3/assets/images/custome-fwcn.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
}
.costomer-content .cus-second-title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #111111;
    line-height: 36px;
    font-style: normal;
	background-image:url(/template/fh_static_3/assets/images/second-title-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
    margin-top: 50px;
}



.div-second .khfw-div {
	display:flex;
	margin-top:20px;
}
.khfw-div .one{
	margin: 0 10px;
    background: #fff;
    width: 33%;
    height: 60px;
    text-align: center;
    border-left: 1px solid #00000036;
    border-radius: 3px;
    line-height: 60px;
    font-size:18px;
}

.khfw-div .one i{ 
	width: 60px;
    font-size: 26px;
    color: #13489D;
}
.costomer-middle {
	margin-top:20px;
}
.costomer-middle .middle-title {
    font-size: 24px;
    margin: 60px auto 40px;
    width: 15%;
    /* background-color: #13489D; */
    /* color: #fff; */
    text-align: center;
    /* height: 50px; */
    line-height: 50px;
    /* border-bottom: 1.5px solid #13489D; */
}

.fwcn-detail .fwcn-top {
	line-height: 30px;
	margin-bottom: 20px;
}
.fwcn-top p{
	line-height: 28px;
	text-align: center;
	color: #333333;
	width: 90%;
    margin-left: 5%;
}

.fwcn-bottom {
	display:flex;
	width:100%;
	margin-top: 40px;
	margin-bottom: 50px;
}
.fwcn-bottom>div {
	width: 25%;
    height: 230px;
    margin: 20px;
    /* box-shadow: 2px 3px 6px 1px rgba(96, 116, 122, 0.16); */
    background-image:url(/template/fh_static_3/assets/images/custome-fwcn-bg.png);
	background-repeat: no-repeat;
    background-position: center;
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 4px;
}
.fwcn-bottom .top-line {
	height: 5px;
    background-color: #176DD1;
}
.fwcn-bottom .icon-div {
	text-align:center;
	margin-top: 40px;
}
.fwcn-bottom .icon-div i {
	font-size: 36px;
    color: #13489D;
}
.fwcn-bottom .fwcn-title {
	text-align: center;
    margin: 20px 0;
    font-weight: bold;
    font-size: 24px;
    color: #176DD1;
    line-height: 32px;
}
.fwcn-bottom .fwcn-detail {
	padding: 0 20px 20px 20px;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.second-content {
	    flex-wrap: wrap;
	    height:700px;
	}
	.second-content .one {
	    flex: 1 1 100%;
	    width: 80%;
	    margin: 10px 20px 10px 20px;
	}
	.icon-div .khfw-icon {
		height:50px;
		width:50px;
	}
	.fwcn-bottom {
		flex-wrap: wrap;
	}
	.fwcn-bottom>div {
		flex: 1 1 40%;
	}
	.cus-fwcn {
		background-size: cover;
	}
	.costomer-content .costomer-first p{
		text-align: justify;
	    width: 80%;
	    margin: 0 5%;
	    text-indent: 2em;
	}
	.fwcn-top p{
		text-align: justify;
		text-indent: 2em;
	}
}

/*===============================
    50. 人才战略 css 
================================*/
.talent-content {
	background-image:url(/uploadFiles/uploadImgs/20240625/26a883090bce45499f40d31c0f701597.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.talent-detail {
	padding: 50px 0;
}
.talent-content p {
	text-indent: 2em;
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	text-align: left;
	font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.talent-content p>span {
		width:80%;
	}
	.talent-content {
		background-size: cover;
	}
}

/*===============================
    51.合作单位内页 css 
================================*/
.coo-area {
	margin-bottom: 50px;
	margin-top:; 30px;
}
.coo-area .pic {
	height: 200px;
    padding: 0 20px;
    text-align: center;
}
.coo-area .pic a {
	height:100%;
	
}
.coo-area .pic a>img {
	height:100%;
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.coo-area .pic {
		width:50%;
	}
}
/*===============================
    52.招聘流程内页 css 
================================*/
.recruit-area {
	margin-top: 50px;
	background-image:url(/template/fh_static_3/assets/images/bg5.png);
	background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 60%;
}

.recruit-area {
	margin-top: 50px;
}
.recruit-area .re-first {
	height:285px;
	display: flex;
	background: linear-gradient(to left , #FFFFFF 0%, #F7F9FD 100%);
	box-shadow: 0px 8px 16px 0px rgba(28,41,57,0.08);
	border-radius: 2px;
	/* border: 2px solid #FFFFFF; */
	padding: 0;

}
.recruit-area .re-first .re-img {
	width:40%;
}
.recruit-area .re-first .re-img img {
	width:100%;
	height:100%;
}
.recruit-area .re-first .re-detail {
	width:60%;
	text-indent: 2em;
	line-height: 28px;
	background-image: url(/template/fh_static_3/assets/images/yinhao.png);
    background-size: 15% 25%;
    background-repeat: no-repeat;
    background-position: 30px 40px;
    padding: 55px 40px;
    text-align: justify;
}
.re-detail .div-download {
	margin-top: 50px;
}
.re-detail .div-download i {
	color: #13489D;
    width: 25px;
    font-size: 22px;
}
.re-detail .div-download a {
	color: #13489D;
}
    
.recruit-area .re-second {
	/* display: flex; */
	padding-top: 40px;
    padding-left: 50px;
    margin-bottom: 50px;
}
.re-second .second-one {
	/* width: 25%; */
    display: flex;
    padding: 0 30px;
    /* border-right: 2px solid #d2d2d2; */
    margin: 20px 0;
    
}
.re-second .second-one i {
	width: 40px;
    height: 40px;
    font-size: 40px;
    margin-right: 20px;
    line-height: 50px;
    color: #13489D;
}
.second-one .one-title {
	font-weight: bold;
	margin-bottom: 10px;
}
.have-bg {
	background-image: url(/template/fh_static_3/assets/images/lczp-bg2.png);
    /*background-image: url(/uploadFiles/uploadImgs/20240625/26a883090bce45499f40d31c0f701597.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.recruit-area .re-third {
	height: 550px;
	margin-bottom: 50px;
	text-align: center;
	background-color: #fff;
}
.recruit-area .re-second-title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #111111;
    line-height: 36px;
    font-style: normal;
	background-image:url(/template/fh_static_3/assets/images/second-title-bg.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.re-third img {
	height: 100%;
}

@media (max-width: 575px) {
	.recruit-area .re-first {
		display: block;
		height: auto;
	}
	.recruit-area .re-first .re-detail {
		width: 100%;
	}
	.recruit-area .re-first .re-img {
		width: 100%;
	}
	.recruit-area .re-second {
		background-color: #fff;
	}
}

/*===============================
    53.新闻列表页 css 
================================*/
.graybg{
	background: #f7f8f9;
}
.newslist-area {
	margin-top: 50px;
}
.newslist-area .listtype {
	width: 100%;
    height: auto;
    padding: 12px 0;
    border: 1px #eaeaea solid;
    border-radius: 3px;
    border-bottom: none;
    background: #fff;
}
.newslist-area .listtype li {
	height: auto;
    width: auto;
    line-height: 60px;
    font-size: 1.25rem;
    text-indent: 50px;
    background: url(/template/fh_static_3/assets/images/newlist-ico.png) no-repeat 30px center;
    cursor: pointer;
}
.newslist-area .listtype .on {
	color: #2367d2;
}
.newslist-area .listtype li:hover {
	color: #2367d2;
}
.newslist-area .list-content {
    padding: 0 0 30px;
	margin-bottom: 50px;
	background-color: #fff;
}
.newslist-area .list-content .onepage {
	/* border-top: 1px #eaeaea solid;
    border-radius: 3px;
    border-bottom: none;
    background: #fff; */
}
.newslist-area .list-content .onenew {
	padding: 40px 10px 30px 20px;
    border-bottom: 1px solid #ececec;
    position: relative;
    display: flex;
}
.onenew .onenew-title {
    width: 80%;
    padding-right: 80px;
    float: left;
}
.onenew .onenew-title h4 {
    transition: all .36s ease;
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: normal;
}
.onenew .onenew-title p {
    transition: all .36s ease;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-indent: 2em;
}
.onenew .onenew-time {
    text-align: center;
    /* border-left: 1px solid #ececec; */
    /* padding-bottom: 10px; */
    margin: auto 0;
}
.onenew .onenew-time p {
    transition: all .36s ease;
    color: #999999;
    font-size: 30px;
    margin-bottom: 10px;
}
.onenew .onenew-time span {
    display: block;
    transition: all .36s ease;
    color: #999999;
    font-size: 18px;
}
.onnew-more {
    margin-right: 0;
    transition: all .36s ease;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 40px;
    color: #999999;
}
.newslist-area .list-content .onenew:hover .onenew-title h4,.newslist-area .list-content .onenew:hover .onenew-time p,
.newslist-area .list-content .onenew:hover .onenew-time span,.newslist-area .list-content .onenew:hover .onnew-more {
    color: #13489DE0;
}
.list-content .topnews {
	display: flex;
	padding: 20px 10px 40px 20px;
	border-bottom: 1px #eaeaea solid;
    border-radius: 3px;
    background: #fff;
}
.list-content .topnews .top-img {
	width: 38%;
    height: 250px;
}
.list-content .topnews .top-img img {
	height:100%;
	width:100%;
}
.list-content .topnews .top-title {
	/* padding: 30px 0px 0 40px; */
	width: 62%;
	margin: auto 0;
    padding-left: 40px;
    padding-right: 30px;
}
.list-content .topnews .top-title h4 {
	    margin-bottom: 20px;
	    font-size: 20px;
}
.list-content .topnews .top-title .top-short-title {
	margin-bottom: 60px;
	color:#000;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-content .topnews .top-title .time-line {
	display: flex;
} 
.top-title .time-line .top-date {
	width: 70%;
	color: #666666;
}
.top-title .time-line span {
	color: #2367d2;
}
.top-title .time-line i {
	line-height: 25px;
    margin-left: 15px;
    color: #2367d2;
}
.list-content .topnews:hover .top-title h4,.list-content .topnews:hover .top-title .time-line span,
.list-content .topnews:hover .top-title .time-line i {
	color: #13489DE0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.list-content .topnews .top-title {
		padding-left: 20px;
    	padding-right: 20px;
	}
	.top-title .time-line .top-date {
		width:55%;
	}
	.top-title .time-line span {
		line-height:28px;
	}
	.top-title .time-line i {
		line-height:28px;
		margin-left: 0;
	}
	.onenew .onenew-title {
		width: 75%;
    	padding-right: 50px;
	}
	.list-content .topnews .top-img{
		height: 150px;
	}
	.list-content .topnews .top-title h4{
		overflow: hidden;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.list-content .topnews .top-title .top-short-title {
		margin-bottom: 20px;
	}
}
/*===============================
    99.通用样式 css 
================================*/
.span-one{
	font-size: 30px;
	color: #13489D;
}
.span-two{
	color:#ACC5EF;
	margin:0 12px;
	font-size: 28px;
}
.span-three{
	color:#ACC5EF;
	font-size: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.span-one{
		font-size: 25px;
	}
	.span-two{
		margin:0 10px;
		font-size: 23px;
	}
	.span-three{
		font-size: 23px;
	}
}

@media (max-width: 575px) {
	.span-one{
		font-size: 22px;
	}
	.span-two{
		margin:0 10px;
		font-size: 20px;
	}
	.span-three{
		font-size: 20px;
	}
}

/* 本例子css */
.multipleColumn{ 
	overflow:hidden; 
	position:relative; 
	width:100%;  
	border:none;  
	margin-top:50px;}
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("/template/fh_static_3/assets/images/slideimage/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("/template/fh_static_3/assets/images/slideimage/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/template/fh_static_3/assets/images/slideimage/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:600px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ 
	margin:0 10px; 
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	margin-bottom:10px;  }
.multipleColumn .bd ul li .pic{ 
	text-align:center;width:260px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.multipleColumn .bd ul li .pic img{height: 90px; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px; 
}



.picScroll-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("/template/fh_static_3/assets/images/slideimage/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; 
	cursor:pointer; background:url("/template/fh_static_3/assets/images/slideimage/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }


/* 关于我们轮播图样式 */
.aboutus-active .slick-arrow {
  position: absolute;
  top: 50%;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  background: #dddddd4d;
  color: #13489D;
  z-index: 2;
  font-size: 20px;
  cursor: pointer;
  transform: translateY(-50%); }
  .aboutus-active .slick-arrow.prev {
    left: 10px; }
  .aboutus-active .slick-arrow.next {
    right: 10px; }
.aboutus-active .slick-arrow i {
	color:#ffffff99;
	font-size:30px;
	line-height:35px;
}
.aboutus-active .slick-arrow:hover {
	background:#b9b7b74d;}
.aboutus-active .slick-arrow:hover i {
	color:#fffefeb0;}

/*# sourceMappingURL=style.css.map */

/* 首页节日开屏图样式 */
.kpmodel {
	padding:0 !important;
	height:auto;
}
.kpmodel .modal-dialog {
	max-width:99%;
	margin:0 auto;
	height:100%;
	justify-content: center;
}
.kpmodel .modal-content {
	height:99%;
	margin-top: 0.3%;
	margin-bottom: 0.3%;
}
.kptp {
  	width: 100%;
  	padding:0;
}
.kpmodel .closebtn {
	bottom: 10px;
    position: absolute;
    right: 10px;
    color: #fff;
    background-color: #960606;
    border-color: #e40d13;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {
	.kpmodel {
	    height:100%;
	}
	.kpmodel .kptp img {
		height:100%
	}
}
/*# 首页节日开屏图样式 */

/*# 首页新春样式 */
.xinchun .navigation {
	background-image: url(/uploadFiles/uploadImgs/20250122/3d94a97f64464e72a652554d4a343e02.png);
	background-size: 100% 100%;
}
.header-area-2.header-area-4 .xinchun .navigation .navbar .navbar-nav li a {
	color: #fff;
}

.xinchun .sticky {
	background-image: no;
}
.header-area-2.header-area-4 .header-nav .sticky .navbar .navbar-nav li a {
	color: #555;
}
@media (max-width: 575px) {
	.header-area-2.header-area-4 .xinchun .navigation .navbar .navbar-nav li a {
	color: #555;
}
}
/*# 首页新春样式 */